*,:before,:after{box-sizing:border-box}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}ul[role=list],ol[role=list]{list-style:none}html{scroll-behavior:smooth}body{text-rendering:optimizespeed;min-height:100vh;line-height:1.6}a:not([class]){text-decoration-skip-ink:auto}img,picture{max-width:100%;height:auto;display:block}input,button,textarea,select{font:inherit}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:root{color-scheme:light;--container:100%;--gap:1rem;--menu-width:320px;--text-fs:1rem;--padding:1rem;--color-primary:#1e5a96;--color-secondary:#123d66;--color-text:#333;--color-surface:#fff;--color-surface-muted:#f3f6f9;--color-muted:#678;--color-drawer-overlay:#00000080;--color-drawer-background:#fff;--color-border:#dbdbdb;--color-border-hover:#b5b5b5;--color-primary-invert:#fff;--color-dark-overlay:#0006;--color-header:#ffffffd1}html.dark{color-scheme:dark;--color-primary:#6ba3d9;--color-secondary:#9bc4e8;--color-text:#e6edf5;--color-surface:#0e141b;--color-surface-muted:#181f29;--color-muted:#9aabbc;--color-drawer-overlay:#000000a6;--color-drawer-background:#151c26;--color-border:#2c3848;--color-border-hover:#456;--color-primary-invert:#0e141b;--color-dark-overlay:#0000008c;--color-header:#0e141be0}@media (width>=576px){:root{--container:540px}}@media (width>=768px){:root{--container:720px}}@media (width>=992px){:root{--container:960px}}@media (width>=1200px){:root{--container:1140px}}@media (width>=1400px){:root{--container:1320px}}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;box-sizing:border-box;scroll-behavior:smooth;font:112.5%/1.45em georgia,serif,sans-serif;overflow-y:auto}body{background-color:var(--color-surface);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--color-text);word-wrap:break-word;font-kerning:normal;-moz-font-feature-settings:"kern", "liga", "clig", "calt";-ms-font-feature-settings:"kern", "liga", "clig", "calt";-webkit-font-feature-settings:"kern", "liga", "clig", "calt";font-feature-settings:"kern", "liga", "clig", "calt";margin:0;font-family:Josefin Sans,georgia,serif;font-weight:400}@media (prefers-reduced-motion:no-preference){:focus{outline-offset:5px;transition:outline-offset .25s}}*{font-display:swap}.no-border{border:0!important}.text-primary{color:var(--color-primary)}.text-dark,.text-darken{color:var(--color-text)}ol,ul{margin:0;padding:0}.list-style-none{list-style:none}.container{max-width:var(--container);padding:auto var(--padding);margin:0 auto}.grid{gap:var(--gap);grid-template-columns:repeat(12,1fr);display:grid}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:var(--color-secondary)}::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}.d-inline{display:inline}.d-block{display:block}.d-grid{display:grid}.d-inline-block{display:inline-block}.d-flex{display:flex}.d-inline-flex{display:inline-flex}.d-none{display:none}.justify-center{justify-content:center}.justify-start{justify-content:start}.justify-end{justify-content:end}.justify-space-between{justify-content:space-between}.justify-flex-end{justify-content:flex-end}.justify-flex-start{justify-content:flex-start}.align-items-center{align-items:center}.align-items-start{align-items:start}.align-items-end{align-items:end}.col-1{grid-column:span 1}.col-2{grid-column:span 2}.col-3{grid-column:span 3}.col-4{grid-column:span 4}.col-5{grid-column:span 5}.col-6{grid-column:span 6}.col-7{grid-column:span 7}.col-8{grid-column:span 8}.col-9{grid-column:span 9}.col-10{grid-column:span 10}.col-11{grid-column:span 11}.col-12{grid-column:span 12}.row-1{grid-row:span 1}.row-2{grid-row:span 2}.row-3{grid-row:span 3}.row-4{grid-row:span 4}.row-5{grid-row:span 5}.row-6{grid-row:span 6}.row-7{grid-row:span 7}.row-8{grid-row:span 8}.row-9{grid-row:span 9}.row-10{grid-row:span 10}.row-11{grid-row:span 11}.row-12{grid-row:span 12}.type-2{font-size:18px;line-height:1.5}.mainHeader{z-index:1000;padding:calc(var(--padding) * 2) 0;background-color:var(--color-header);backdrop-filter:blur(5px);position:sticky;top:0}.mainHeader--logo{grid-column:1/6}.mainHeader--logo--link{color:var(--color-text);text-decoration:none}.mainHeader--logo--link strong{margin:0 5px}.mainHeader--nav{grid-column:6/-1;justify-content:flex-end;align-items:center;min-width:0;display:flex}.mainHeader--tools{grid-column:-1;justify-content:flex-end;align-items:center;gap:.15rem;display:inline-flex}.mainHeader--button.btn{width:2rem;height:2rem;min-height:2rem;color:var(--color-text);box-shadow:none;background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.mainHeader--icon{fill:currentColor;width:20px;height:20px;display:block}.mainHeader--icon path{fill:currentColor}html.dark .mainHeader--button.btn{color:#fff}html.dark .mainHeader--button.btn .mainHeader--icon,html.dark .mainHeader--button.btn .mainHeader--icon path{fill:#fff}@media (width<=576px){.mainHeader{padding:var(--padding)}.mainHeader--logo{grid-column:1/9}}.mainNavigation{flex-wrap:nowrap;gap:.15rem;min-width:0}.mainNavigation--link,.mainFooter--link{color:var(--color-primary);white-space:nowrap;text-transform:none;flex:none;padding:.35em .45em;font-size:.95rem;font-weight:700;text-decoration:none;display:block;position:relative}.mainNavigation--link:after,.mainFooter--link:after{content:"";transform-origin:100%;background-color:currentColor;height:.1em;transition:transform .2s;position:absolute;bottom:0;left:.45em;right:.45em;transform:scaleX(0)}.mainNavigation--link:hover,.mainFooter--link:hover,.mainNavigation--link.active,.active.mainFooter--link{color:var(--color-secondary)}.mainNavigation--link:hover:after,.mainFooter--link:hover:after,.mainNavigation--link.active:after,.active.mainFooter--link:after{transform:scaleX(1)}.mainNavigation--resume.btn{box-sizing:border-box;letter-spacing:.015em;white-space:nowrap;border:1px solid var(--color-primary);height:1.75rem;min-height:1.75rem;color:var(--color-primary);box-shadow:none;background-color:#0000;border-radius:2px;flex:none;justify-content:center;align-items:center;margin-left:.35rem;padding:0 .65rem;font-size:.72rem;font-weight:700;line-height:1;text-decoration:none;transition:background-color .2s,border-color .2s,color .2s;display:inline-flex}.mainNavigation--resume.btn:hover,.mainNavigation--resume.btn:focus-visible{border-color:var(--color-secondary);color:var(--color-secondary);background-color:#0000}.mainNavigation--resume.btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.mainNavigation--resume-label{justify-content:center;align-items:center;height:100%;line-height:1;display:flex;transform:translateY(.05em)}.mainFooter{padding:calc(var(--padding) * 2) var(--padding);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));display:grid}.mainFooter--twitter{color:var(--color-text);font-weight:700}.mainFooter--link{color:var(--color-text);display:inline-block}.mainFooter--link:hover{color:inherit}.drawer{z-index:-1;position:fixed;inset:0}.drawer--container{background:var(--color-drawer-background);width:calc(100% - 40px);max-width:var(--menu-width);z-index:2;transition:transform .2s;position:fixed;top:0;bottom:0;right:0;transform:translate(100%)}.drawer--overlay{background:var(--color-drawer-overlay);opacity:0;transition:opacity .2s;position:absolute;inset:0}.drawer.opened{z-index:2000}.drawer.opened .drawer--container{transform:translate(0)}.drawer.opened .drawer--overlay{opacity:1}.drawer--close.btn{width:2rem;height:2rem;min-height:2rem;color:var(--color-text);box-shadow:none;background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.drawer--close-icon{stroke:currentColor;width:18px;height:18px;display:block}.drawer--social{padding:var(--padding);border-bottom:1px solid #0000001a;justify-content:space-between;align-items:center;display:flex}.drawer--social-list{display:flex}.drawer--social-list--link{box-sizing:border-box;width:22px;height:22px;color:var(--color-text);flex:none;justify-content:center;align-items:center;margin:6px 8px;text-decoration:none;transition:color .2s;display:flex;overflow:hidden}.drawer--social-list--link:hover,.drawer--social-list--link:focus-visible{color:var(--color-primary)}.drawer--social-list--link img,.drawer--social-list--link .socialIcon{flex:none;width:22px;max-width:none;height:22px;display:block}.drawer--list{padding:var(--padding)}.drawer--list--link{color:var(--color-text);text-transform:capitalize;border-bottom:1px solid #0000001a;padding:10px 12px 6px;font-size:18px;font-weight:700;text-decoration:none;transition:all .2s;display:block}.drawer--list--link:hover{color:var(--color-secondary);border-bottom-color:var(--color-secondary)}.drawer--resume.btn{box-sizing:border-box;margin:var(--padding);letter-spacing:.015em;border:1px solid var(--color-primary);height:2.25rem;min-height:2.25rem;color:var(--color-primary);box-shadow:none;background-color:#0000;border-radius:2px;justify-content:center;align-items:center;padding:0 1rem;font-size:.85rem;font-weight:700;line-height:1;text-decoration:none;transition:background-color .2s,border-color .2s,color .2s;display:inline-flex}.drawer--resume.btn:hover,.drawer--resume.btn:focus-visible{border-color:var(--color-secondary);color:var(--color-secondary);background-color:#0000}.drawer--resume.btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.drawer--resume-label{justify-content:center;align-items:center;height:100%;line-height:1;display:flex;transform:translateY(.05em)}.btn{background-color:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text);cursor:pointer;text-align:center;white-space:nowrap;box-shadow:none;font-size:var(--text-fs);border-width:1px;justify-content:center;height:2.5em;padding:calc(.5em - 1px) 1em;line-height:1.5;display:inline-flex}.btn:hover{border-color:var(--color-border-hover)}.btn-primary{color:var(--color-primary);border-color:var(--color-primary);text-decoration:none}.btn-primary:hover{border-color:var(--color-secondary);color:var(--color-secondary)}.btn-fill{background-color:var(--color-secondary);border-color:var(--color-secondary);color:var(--color-primary-invert);text-decoration:none}.btn-fill:hover{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-primary-invert)}.btn-fill:active{transform:translateY(1px)}.btn-backTop{position:fixed;bottom:2vw;right:2vw}.browser{background:var(--color-surface-muted);border-radius:6px;padding:10px}.browser--actions{margin-bottom:10px;display:flex}.browser--actions span{border-radius:1000px;width:15px;height:15px}.browser--actions span:first-child{background:#ff5552}.browser--actions span:nth-child(2){background:#ffbe4c}.browser--actions span:nth-child(3){background:#00cb57}.browser--actions span:not(:last-child){margin-right:5px}.browser--inner{width:100%;height:100%}.browser--inner a,.browser--inner img{display:block}.browser--inner img{border-radius:3px;width:100%;height:auto}.themeToggle{--theme-toggle-h:1.85rem;box-sizing:border-box;height:var(--theme-toggle-h);color:var(--color-text);cursor:pointer;background:0 0;border:0;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.themeToggle:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px;border-radius:999px}.themeToggle:disabled{opacity:.55;cursor:default}.themeToggle--track{border:1px solid var(--color-border);background:var(--color-surface-muted);border-radius:999px;grid-template-columns:1fr 1fr;align-items:center;width:3.75rem;height:100%;padding:.15rem;transition:border-color .2s;display:grid;position:relative}.themeToggle:hover .themeToggle--track,.themeToggle:focus-visible .themeToggle--track{border-color:var(--color-primary)}.themeToggle--option{z-index:1;min-width:0;color:var(--color-muted);justify-content:center;align-items:center;gap:.2rem;font-size:.68rem;font-weight:700;line-height:1;transition:color .2s;display:inline-flex;position:relative}.themeToggle--thumb{background:var(--color-surface);border:1px solid var(--color-border);width:calc(50% - .15rem);box-shadow:0 1px 2px color-mix(in srgb, var(--color-text) 12%, transparent);z-index:0;border-radius:999px;transition:transform .22s cubic-bezier(.16,1,.3,1);position:absolute;top:.15rem;bottom:.15rem;left:.15rem}.themeToggle.is-light .themeToggle--option-light,.themeToggle.is-dark .themeToggle--option-dark{color:var(--color-primary)}.themeToggle.is-dark .themeToggle--thumb{transform:translate(100%)}.mainNavigation .themeToggle{margin-left:.45rem}.mainHeader--tools .themeToggle{margin-right:.2rem}.drawer--theme{margin:.25rem var(--padding) var(--padding)}.homePage{flex-direction:column;gap:clamp(2.5rem,6vw,4.5rem);padding-bottom:clamp(3rem,7vw,5rem);display:flex}.hero{width:100%;min-height:100svh;padding-block:max(clamp(2rem, 5vw, 4rem), env(safe-area-inset-top,0px)) max(clamp(2rem, 5vw, 4rem), env(safe-area-inset-bottom,0px));align-items:center;display:flex}.hero--inner{width:100%;padding-inline:var(--padding)}.hero--role{color:var(--color-primary);margin:0 0 .75rem;font-size:.95rem;font-weight:700}.hero--title{max-width:18ch;color:var(--color-text);text-wrap:balance;margin:0 0 1rem;font-size:clamp(1.75rem,4.5vw,2.75rem);font-weight:700;line-height:1.2}.hero--name{color:var(--color-secondary);display:inline}.hero--subtitle{max-width:34rem;color:var(--color-text);margin:0 0 1.75rem;font-size:clamp(1.1rem,2vw,1.4rem);line-height:1.5}@media (width>=768px){.hero--subtitle{max-width:32rem}}.hero--actions{flex-wrap:wrap;gap:.75rem 1rem;display:flex}.experience{width:100%;scroll-margin-top:5.5rem}.experience--inner{padding-inline:var(--padding)}.experience--header{max-width:40rem;margin-bottom:clamp(1.75rem,4vw,2.5rem)}.experience--heading{color:var(--color-text);margin:0 0 .75rem;font-size:clamp(1.6rem,3.2vw,2.25rem);font-weight:700;line-height:1.2}.experience--lede{color:var(--color-text);max-width:36rem;margin:0;font-size:clamp(1rem,1.6vw,1.15rem);line-height:1.55}.experience--list{--experience-track:.875rem;--experience-line:2px;gap:0;margin:0;padding:0;list-style:none;display:grid;position:relative}.experience--list:before{content:"";top:.35rem;bottom:.35rem;left:calc(var(--experience-track) / 2 - var(--experience-line) / 2);width:var(--experience-line);background:linear-gradient(to bottom, var(--color-primary), color-mix(in srgb, var(--color-primary) 20%, var(--color-border)));position:absolute}.experience--item{grid-template-columns:var(--experience-track) minmax(0, 1fr);column-gap:1.15rem;padding:1.15rem 0 1.35rem;display:grid;position:relative}.experience--item:not(:last-child){border-bottom:1px solid var(--color-border)}@media (width>=768px){.experience--item{column-gap:1.5rem;padding:1.35rem 0 1.6rem}}.experience--marker{box-sizing:border-box;background:var(--color-surface);border:2px solid var(--color-primary);width:.75rem;height:.75rem;box-shadow:0 0 0 3px color-mix(in srgb, var(--color-primary) 12%, transparent);z-index:1;border-radius:50%;justify-self:center;margin-top:.35rem}.experience--item--current .experience--marker{background:var(--color-primary)}.experience--body{gap:.65rem;min-width:0;display:grid}@media (width>=992px){.experience--body{grid-template-columns:minmax(0,18rem) minmax(0,1fr);align-items:start;gap:1.25rem 2rem}}.experience--meta{min-width:0}.experience--role{color:var(--color-text);margin:0 0 .35rem;font-size:clamp(1.1rem,2vw,1.35rem);font-weight:700;line-height:1.3}.experience--company{color:var(--color-secondary);margin:0 0 .4rem;font-size:1rem;font-weight:600;line-height:1.45}.experience--company a{color:inherit;border-bottom:1px solid #0000;text-decoration:none;transition:border-color .2s,color .2s}.experience--company a:hover,.experience--company a:focus-visible{color:var(--color-primary);border-bottom-color:var(--color-primary)}.experience--type{color:var(--color-muted);font-weight:500}.experience--dates{color:var(--color-muted);margin:0;font-size:.9rem;line-height:1.45}.experience--sep{color:var(--color-border-hover);margin:0 .35rem}.experience--location{white-space:normal}.experience--content{gap:.75rem;min-width:0;display:grid}.experience--summary{max-width:42rem;color:var(--color-text);margin:0;font-size:1rem;line-height:1.6}.experience--skills{flex-wrap:wrap;gap:.3rem .35rem;margin:0;padding:0;list-style:none;display:flex}.experience--skills li{border:1px solid var(--color-border);background:var(--color-surface-muted);color:var(--color-text);border-radius:2px;margin:0;padding:.15rem .45rem;font-size:.75rem;font-weight:500;line-height:1.3;transition:border-color .2s,color .2s}@media (prefers-reduced-motion:no-preference){.hero--role,.hero--title,.hero--subtitle,.hero--actions{animation:.55s cubic-bezier(.16,1,.3,1) both home-enter}.hero--title{animation-delay:60ms}.hero--subtitle{animation-delay:.12s}.hero--actions{animation-delay:.18s}.experience--heading,.experience--lede,.experience--item{animation:.55s cubic-bezier(.16,1,.3,1) both home-enter}.experience--lede{animation-delay:60ms}.experience--item{animation-delay:calc(.1s + var(--i,0) * 50ms)}.experience--skills li:hover{border-color:var(--color-primary);color:var(--color-secondary)}}@keyframes home-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.contact-page{min-height:calc(100dvh - 10rem);padding:clamp(2rem, 5vw, 4rem) var(--padding);align-items:center;display:flex}.contact-page--panel{width:100%;max-width:40rem}.contact-page--title{margin:0 0 1rem;font-size:clamp(1.8rem,4vw,2.75rem);font-weight:600;line-height:1.2}.contact-page--lede{max-width:32rem;margin:0 0 2rem;font-size:clamp(1.1rem,2vw,1.35rem);line-height:1.55}.contact-page--channels{flex-direction:column;align-items:flex-start;gap:1.5rem;display:flex}.contact-page--email{text-transform:none;word-break:break-word;font-size:1rem}.contact-page--social{flex-wrap:wrap;gap:.75rem 1.25rem;margin:0;padding:0;display:flex}.contact-page--social a{color:var(--color-primary);text-transform:capitalize;border-bottom:2px solid #0000;font-size:1.05rem;font-weight:700;text-decoration:none;transition:color .2s,border-color .2s}.contact-page--social a:hover{color:var(--color-secondary);border-bottom-color:var(--color-secondary)}@media (prefers-reduced-motion:no-preference){.contact-page--title,.contact-page--lede,.contact-page--channels{animation:.55s cubic-bezier(.16,1,.3,1) both contact-enter}.contact-page--lede{animation-delay:60ms}.contact-page--channels{animation-delay:.12s}}@keyframes contact-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.about-page{margin:clamp(3rem,6vw,5rem) auto}.about-page-wrapper{padding:var(--padding);grid-column:span 12}@media (width>=992px){.about-page-wrapper{grid-column:1/10;padding:0}}.about-page--intro{border-bottom:1px solid var(--color-border);padding-bottom:clamp(1.5rem,3vw,2.5rem)}.about-page--title{font-size:clamp(1.8em, var(--text-fs) + 2.4vw, 3em);margin:0 0 1.25rem;font-weight:600;line-height:1.25}.about-page--subtitle{font-size:clamp(1.3em, var(--text-fs) + 1.4vw, 2em);margin:0}.about-page--info{font-size:calc(var(--text-fs) * 1.15);max-width:42rem;font-weight:400;line-height:1.65}.about-page--info p{margin:0 0 1.1rem}.about-page--info p:last-child{margin-bottom:0}.skills{margin-top:clamp(2.5rem,5vw,4rem)}.skills--lede{max-width:36rem;font-size:calc(var(--text-fs) * 1.1);color:var(--color-text);margin:.75rem 0 0;line-height:1.55}.skills--board{grid-template-columns:1fr;gap:1.75rem 2rem;margin-top:2rem;display:grid}@media (width>=768px){.skills--board{grid-template-columns:1.2fr 1fr}}.skills--group{min-width:0}@media (width>=768px){.skills--group:last-child{grid-column:1/-1}}.skills--group-title{color:var(--color-secondary);margin:0 0 .85rem;font-size:.95rem;font-weight:700}.skills--list{flex-wrap:wrap;gap:.55rem .65rem;margin:0;padding:0;list-style:none;display:flex}.skills--list li{border:1px solid var(--color-border);background:var(--color-surface-muted);color:var(--color-text);border-radius:2px;margin:0;padding:.45rem .85rem;font-size:.95rem;font-weight:500;line-height:1.3;transition:border-color .2s,color .2s,transform .2s}.skills--resume{margin:2.25rem 0 0}@media (prefers-reduced-motion:no-preference){.skills--group{animation:.55s cubic-bezier(.16,1,.3,1) both skills-enter view();animation-range:entry entry 35%}.skills--list li:hover{border-color:var(--color-primary);color:var(--color-secondary);transform:translateY(-1px)}}@keyframes skills-enter{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.portfolio-page{padding:var(--padding);margin:clamp(3rem,6vw,5rem) auto}.portfolio-page--header{border-bottom:1px solid var(--color-border);max-width:36rem;margin-bottom:clamp(2rem,4vw,3rem);padding-bottom:clamp(1.5rem,3vw,2rem)}.portfolio-page--header--title{margin:0 0 .85rem;font-size:clamp(1.8rem,4vw,2.75rem);font-weight:600;line-height:1.2}.portfolio-page--header--excerpt{font-size:calc(var(--text-fs) * 1.15);color:var(--color-text);margin:0;line-height:1.55}.portfolio-page--gallery{grid-template-columns:1fr;gap:1.75rem 1.25rem;display:grid}@media (width>=768px){.portfolio-page--gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1200px){.portfolio-page--gallery{grid-template-columns:repeat(3,minmax(0,1fr))}}.portfolio-page--gallery--item{--i:0;border:1px solid var(--color-border);background:var(--color-surface);color:inherit;border-radius:2px;text-decoration:none;transition:transform .25s cubic-bezier(.16,1,.3,1),border-color .2s,box-shadow .25s;display:block;position:relative;overflow:hidden}.portfolio-page--gallery--item:hover,.portfolio-page--gallery--item:focus-visible{border-color:var(--color-primary);box-shadow:0 12px 28px color-mix(in srgb, var(--color-primary) 18%, transparent);transform:translateY(-4px)}.portfolio-page--gallery--item:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px}.portfolio-page--gallery--media{aspect-ratio:16/10;background:var(--color-surface-muted);position:relative;overflow:hidden}.portfolio-page--gallery--image{object-fit:cover;width:100%;height:100%;transition:transform .35s cubic-bezier(.16,1,.3,1);display:block}.portfolio-page--gallery--item:hover .portfolio-page--gallery--image,.portfolio-page--gallery--item:focus-visible .portfolio-page--gallery--image{transform:scale(1.04)}.portfolio-page--gallery--meta{flex-direction:column;gap:.35rem;padding:1rem 1.1rem 1.15rem;display:flex}.portfolio-page--gallery--name{color:var(--color-text);text-transform:capitalize;font-size:1.15rem;font-weight:700;line-height:1.25}.portfolio-page--gallery--stack{color:var(--color-secondary);margin:0;font-size:.92rem;line-height:1.4}.portfolio-page--footer{margin:clamp(2.5rem,5vw,3.5rem) 0 0}@media (prefers-reduced-motion:no-preference){.portfolio-page--gallery--item{animation:.55s cubic-bezier(.16,1,.3,1) both portfolio-enter;animation-delay:calc(var(--i) * 40ms);animation-timeline:view();animation-range:entry entry 30%}}@media (prefers-reduced-motion:reduce){.portfolio-page--gallery--item,.portfolio-page--gallery--image{transition:none}.portfolio-page--gallery--item:hover,.portfolio-page--gallery--item:focus-visible,.portfolio-page--gallery--item:hover .portfolio-page--gallery--image,.portfolio-page--gallery--item:focus-visible .portfolio-page--gallery--image{transform:none}}@keyframes portfolio-enter{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.dp{--margin:5em;margin:var(--margin) auto}.dp--transition{margin-top:var(--margin);margin-bottom:var(--margin);padding-top:var(--margin);text-align:center;border-top:1px solid #f0eeee}.dp--transition-link{margin:5px;text-decoration:none}.dp--transition-link--grid{border:0}.dp--header h1{font-size:clamp(1.8em, var(--text-fs) + 2.4vw, 3em)}.dp--header p{font-size:clamp(1.125em, var(--text-fs) + .2vw, 1.5em);margin-top:.4em;line-height:1.5}@media (width>=768px){.dp--header p{width:50%}}.dp--content{margin-top:var(--margin)}.dp--content--main,.dp--content--aside{margin-bottom:2rem}.dp--content--main--image{width:100%;height:auto}.dp--content--main--brief{margin-top:3rem}.dp--content--aside>div{background:var(--color-surface-muted);padding:var(--padding)}.dp--content--aside--title{margin-bottom:.5em}.dp--content--aside--link{background:var(--color-secondary);color:var(--color-primary-invert);text-align:center;margin-bottom:15px;padding:12px;text-decoration:none;display:block}.dp--content--aside--tools{font-size:14px;list-style-position:inside}.dp--content--aside--tools li{margin-bottom:.4em}.dp--content--aside--properties{grid-template-columns:repeat(auto-fill,minmax(33%,1fr));display:grid}.dp--full-preview img{width:100%;height:auto}.dp--html{margin-top:5rem}.dp--html img{width:100%;height:auto}.dp--html h3{width:60%;margin-bottom:20px}.dp--html h3 strong{font-size:1.6rem;font-weight:400}@media (width>=992px){.dp--full-preview,.dp--content{gap:var(--gap);grid-template-columns:repeat(12,1fr);display:grid}.dp--content--main{grid-column:span 8}.dp--content--aside{grid-column:9/-1}.dp--html{gap:var(--gap);grid-template-columns:repeat(12,1fr);display:grid}.dp--html>div,.dp--full-preview--browser{grid-column:span 8}}