/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}

@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:300;font-display:swap;src:url(../fonts/ibm-plex-sans-v23-latin-300.woff2) format("woff2")}@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/ibm-plex-sans-v23-latin-regular.woff2) format("woff2")}@font-face{font-family:"IBM Plex Sans";font-style:italic;font-weight:400;font-display:swap;src:url(../fonts/ibm-plex-sans-v23-latin-italic.woff2) format("woff2")}@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/ibm-plex-sans-v23-latin-700.woff2) format("woff2")}@font-face{font-family:"IBM Plex Sans";font-style:italic;font-weight:700;font-display:swap;src:url(../fonts/ibm-plex-sans-v23-latin-700italic.woff2) format("woff2")}@font-face{font-family:"IBM Plex Serif";font-style:normal;font-weight:300;font-display:swap;src:url(../fonts/ibm-plex-serif-v20-latin-300.woff2) format("woff2")}@font-face{font-family:"IBM Plex Serif";font-style:italic;font-weight:300;font-display:swap;src:url(../fonts/ibm-plex-serif-v20-latin-300italic.woff2) format("woff2")}@font-face{font-family:"IBM Plex Serif";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/ibm-plex-serif-v20-latin-regular.woff2) format("woff2")}@font-face{font-family:"IBM Plex Serif";font-style:italic;font-weight:400;font-display:swap;src:url(../fonts/ibm-plex-serif-v20-latin-italic.woff2) format("woff2")}@font-face{font-family:"IBM Plex Serif";font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/ibm-plex-serif-v20-latin-600.woff2) format("woff2")}@font-face{font-family:"IBM Plex Serif";font-style:italic;font-weight:600;font-display:swap;src:url(../fonts/ibm-plex-serif-v20-latin-600italic.woff2) format("woff2")}@font-face{font-family:"IBM Plex Serif";font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/ibm-plex-serif-v20-latin-700.woff2) format("woff2")}@font-face{font-family:"IBM Plex Serif";font-style:italic;font-weight:700;font-display:swap;src:url(../fonts/ibm-plex-serif-v20-latin-700italic.woff2) format("woff2")}@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/ibm-plex-mono-v20-latin-regular.woff2) format("woff2")}@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/ibm-plex-mono-v20-latin-600.woff2) format("woff2")}*{margin:0;padding:0;box-sizing:border-box}h1,h2,h3{font-family:"IBM Plex Serif",Georgia,Cambria,"Times New Roman",Times,serif;font-weight:600}a{color:#333;text-decoration:none}a:hover{color:#555}h1{font-weight:700}code,pre{font-family:"IBM Plex Mono","Courier New",Courier,monospace}.fuzzy-overlay{position:fixed;inset:-200%;background:url(../images/noise-bg.png);opacity:.35;z-index:-10}@keyframes shift{0%{transform:translate(10%, 10%)}100%{transform:translate(-10%, -10%)}}.site-header,.hero-section,.site-footer{opacity:1;transition:opacity .5s ease-in-out}html.js-enabled{overflow:hidden}html.js-enabled .site-header,html.js-enabled .hero-section,html.js-enabled .site-footer{opacity:0}html.is-loaded{overflow:auto}html.is-loaded .site-header,html.is-loaded .hero-section,html.is-loaded .site-footer{opacity:1;transition-delay:1s}body{font-family:"IBM Plex Serif",Georgia,Cambria,"Times New Roman",Times,serif;font-weight:400;line-height:1.6;color:#333;background-color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:clamp(.9375rem,.9rem + .15vw,1rem)}p{margin-top:0;margin-bottom:1.25rem}a{color:#333;font-weight:400;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;transition:color .2s ease-out}a:hover{color:#4a2d6b}small{font-size:clamp(.8125rem,.8rem + .1vw,.875rem);font-weight:400}h1,.h1{font-family:"IBM Plex Serif",Georgia,Cambria,"Times New Roman",Times,serif;font-weight:700;font-size:clamp(2.25rem,1rem + 5vw,3.5rem);line-height:1.1;margin-top:2rem;margin-bottom:1.5rem}h2,.h2{font-family:"IBM Plex Serif",Georgia,Cambria,"Times New Roman",Times,serif;font-weight:700;font-size:clamp(2rem,1.2rem + 3.5vw,2.75rem);line-height:1.2;margin-top:1.5rem;margin-bottom:1rem}h3,.h3{font-family:"IBM Plex Serif",Georgia,Cambria,"Times New Roman",Times,serif;font-weight:600;font-size:clamp(1.625rem,1.2rem + 2.5vw,2rem);line-height:1.3;margin-top:1.5rem;margin-bottom:1rem}h4,.h4{font-family:"IBM Plex Serif",Georgia,Cambria,"Times New Roman",Times,serif;font-weight:700;font-size:clamp(1.375rem,1.2rem + .8vw,1.5rem);line-height:1.4;margin-bottom:.5rem}h5,.h5{font-family:"IBM Plex Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:600;font-size:clamp(1.125rem,1.1rem + .1vw,1.1875rem);line-height:1.4;margin-bottom:.5rem}.text-body-base{font-family:"IBM Plex Serif",Georgia,Cambria,"Times New Roman",Times,serif;font-weight:400;font-size:16px}.text-small-strong{font-family:"IBM Plex Serif",Georgia,Cambria,"Times New Roman",Times,serif;font-size:14px;font-weight:600}.site-loader{position:fixed;inset:0;z-index:9999;display:none}html.js-enabled .site-loader{display:block}.loader-bg-left,.loader-bg-right{position:absolute;top:0;height:100vh;width:50.5%;background-size:cover;background-repeat:no-repeat;transition:transform .8s cubic-bezier(0.86, 0, 0.07, 1)}.loader-bg-left{left:0;background-image:url(../images/loader-paper-left.png);background-position:right center}.loader-bg-right{right:0;background-image:url(../images/loader-paper-right.png);background-position:left center}.loader-content{position:relative;z-index:10000;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:1rem}.loader-name{max-width:180px;height:auto}.loader-subtitle{font-family:"IBM Plex Serif",Georgia,Cambria,"Times New Roman",Times,serif;font-size:1rem;font-weight:600;color:#333;margin-top:.5rem}.loader-tram{max-width:150px;height:auto;margin:6rem 0 2.5rem;animation:bob-stop-motion .5s steps(2, jump-none) infinite}.loader-coming-soon{font-family:"IBM Plex Serif",Georgia,Cambria,"Times New Roman",Times,serif;font-style:italic;font-size:1.125rem;font-weight:600;color:#333}@keyframes bob-stop-motion{0%{transform:translateY(0)}50%{transform:translateY(-3px)}100%{transform:translateY(0)}}@keyframes fade-out-stop-motion{to{opacity:0;transform:translateY(10px)}}html.is-loaded .loader-content-item{animation:fade-out-stop-motion .1s steps(1, end) forwards}html.is-loaded .loader-content-item:nth-child(1){animation-delay:0s}html.is-loaded .loader-content-item:nth-child(2){animation-delay:.2s}html.is-loaded .loader-content-item:nth-child(3){animation-delay:.4s}html.is-loaded .loader-content-item:nth-child(4){animation-delay:.4s}html.is-loaded .loader-bg-left{transform:translateX(-100%);transition:transform .8s cubic-bezier(0.86, 0, 0.07, 1) .6s}html.is-loaded .loader-bg-right{transform:translateX(100%);transition:transform .8s cubic-bezier(0.86, 0, 0.07, 1) .6s}html.is-loaded .site-loader{pointer-events:none;visibility:hidden;transition:visibility 0s 1.4s}.site-header{position:relative;z-index:1000;display:flex;width:100%;justify-content:space-between;align-items:center;padding:1.5rem 3rem;background-color:#fff;overflow:hidden;box-shadow:0 1px 4px 0 rgba(51,51,51,.2)}.fuzzy-overlay__header{position:absolute}.site-header__brand-link{display:flex;align-items:center;text-decoration:none}.site-header__logo{max-height:64px;height:10vw;width:auto;margin-right:.75rem}.site-header__brand-text{font-family:"IBM Plex Serif",Georgia,Cambria,"Times New Roman",Times,serif;font-size:1.5rem;font-weight:400;color:#555;white-space:nowrap}.site-header__my-name{font-weight:600;color:#4a2d6b;font-style:italic}.site-header__my-role{position:relative;padding-bottom:10px}.site-header__my-role::after{content:"";position:absolute;top:1.45rem;bottom:0;left:-1rem;width:100%;height:3vw;max-height:44px;background-image:url(../images/pencil-underline.png);background-repeat:no-repeat;background-position:center;background-size:contain;z-index:-1}@media(max-width: 1280px){.site-header__my-role{font-size:1rem}}.site-header__nav{display:flex;align-items:center}.site-header__nav ul{display:flex;list-style:none;margin:0 1.5rem 0 0;padding:0}.site-header__nav li{margin-left:2rem}.site-header__nav a{font-family:"IBM Plex Serif",Georgia,Cambria,"Times New Roman",Times,serif;font-weight:600;font-size:1.5rem;font-style:italic;color:#333;text-decoration:none;transition:color .2s ease}@media(max-width: 1280px){.site-header__nav a{font-size:1.125rem}}.site-header__nav a:hover{color:#555}.btn-contact{position:relative;display:inline-block;text-decoration:none;font-family:"IBM Plex Serif",Georgia,Cambria,"Times New Roman",Times,serif;font-weight:400;font-size:1.25rem;z-index:10;padding:1rem 2.5rem;transition:none}.btn-contact::before{content:"";position:absolute;z-index:-2;top:0;left:0;bottom:-3px;right:-2px;background-image:url(../images/button-stroke-red.svg);background-size:100% 100%;background-repeat:no-repeat;transition:all .3s cubic-bezier(0.25, 0.8, 0.25, 1)}.btn-contact::after{content:"";position:absolute;inset:0;z-index:-1;background-image:url(../images/button-stroke-gray.svg);background-size:100% 100%;background-repeat:no-repeat}.btn-contact:hover{transform:none}.btn-contact:hover::before{bottom:0;right:0}a.btn-contact{color:#fff}a.btn-contact:hover{color:#fff}.site-header__mobile-toggle{display:none;background:rgba(0,0,0,0);border:none;cursor:pointer;padding:.5rem;z-index:1001}.site-header__mobile-toggle span{display:block;width:25px;height:3px;background-color:#333;margin-bottom:5px;transition:all .3s ease;border-radius:2px}.site-header__mobile-toggle span:last-child{margin-bottom:0}@media(max-width: 1280px){.site-header__brand-text{font-size:1.25rem}}@media(max-width: 1024px){.site-header{padding:1rem 1.5rem}.site-header__mobile-toggle{display:block}.site-header__brand-text{display:none}.site-header__nav{display:none}.site-header__nav.is-open{display:flex;flex-direction:column;justify-content:center;align-items:center;position:fixed;top:0;left:0;width:100%;height:100%;background:#fff;z-index:1000}.site-header__nav.is-open ul{flex-direction:column;text-align:center;margin:0 0 2rem 0}.site-header__nav.is-open li{margin:0 0 1.5rem 0}.site-header__nav.is-open a{font-size:2rem}.site-header__nav.is-open .btn-contact{font-size:1.5rem}.site-header__mobile-toggle.is-open span:nth-child(1){transform:translateY(8px) rotate(45deg)}.site-header__mobile-toggle.is-open span:nth-child(2){opacity:0}.site-header__mobile-toggle.is-open span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}}.hero-section{display:grid;grid-template-areas:"right" "left";gap:3rem;padding:2rem 1.5rem;min-height:calc(100vh - 80px);align-items:center;justify-items:center;overflow:hidden}.hero-left-content{grid-area:left;width:100%;max-width:500px;text-align:left}.hero-name-container{position:relative;width:100%;padding-bottom:50%;margin-bottom:2rem;display:flex;justify-content:center;align-items:center}.hero-brown-paper{position:absolute;top:50%;left:50%;width:160%;height:160%;object-fit:cover;z-index:10;transform:translate(-50%, -50%)}.hero-name-cursive{position:absolute;width:95%;height:auto;z-index:11;top:50%;left:50%;transform:translate(-50%, -50%)}.sticker{position:absolute;z-index:5}.hero-dove{width:30px;top:15%;right:15%}#dove{z-index:12}.hero-leaf-top-left{width:40px;top:5%;left:5%}.hero-leaf-bottom-right{width:40px;bottom:5%;right:5%}.hero-description-container{position:relative;width:100%;padding:2rem;margin-top:2rem;display:flex;justify-content:center;align-items:center}.hero-newspaper-bg{position:absolute;top:50%;left:50%;width:100%;min-height:20vh;object-fit:contain;transform:translate(-50%, -50%)}.hero-description-text{position:relative;bottom:-4.125rem;z-index:2;font-family:"IBM Plex Serif",Georgia,Cambria,"Times New Roman",Times,serif;font-size:clamp(1rem,1rem + .5vw,2rem);line-height:1.5;color:#333;width:100%;max-width:400px;transform:rotate(-3deg);line-height:120%}.hero-description-text span{font-weight:400;font-style:italic}.hero-description-text .highlight{position:relative;display:inline-block}.hero-description-text .highlight::after{content:"";position:absolute;left:-6px;top:50%;height:2rem;width:120%;transform:translateY(-40%);background-image:url(../images/scribble.png);background-size:100% 100%;background-repeat:no-repeat;background-position:center;pointer-events:none}.hero-right-composition{grid-area:right;width:100%;max-width:600px;display:flex;justify-content:flex-start;align-items:center}.hero-main-image{width:120%;height:auto;object-fit:contain;filter:drop-shadow(0 10px 20px rgba(0, 0, 0, 0.1))}@media(min-width: 768px){.hero-section{grid-template-areas:"left right";grid-template-columns:1fr 1fr;padding:4rem 10%;min-height:calc(100vh - 80px)}.hero-left-content{text-align:left;padding-right:2rem;max-width:none}.hero-name-container{width:80%;padding-bottom:40%;margin-left:10%}.hero-description-container{padding:2rem 0;margin-left:20%;margin-top:-20%}.hero-description-text{max-width:500px;font-size:1.75rem}.hero-right-composition{max-width:500px;padding-left:2rem}.hero-dove{top:-25%;right:5%;width:100px}.hero-leaf-top-left{top:15%;left:-22%;width:160px}.hero-leaf-bottom-right{bottom:-20%;right:-48%;width:140px}}@media(min-width: 1024px){.hero-section{padding:6rem 5%}}div:has(.works-section){position:relative}.works-section{position:relative;padding:6rem 0;z-index:10}.works-headline{position:relative;display:flex;justify-content:center;margin-bottom:2.25rem;font-family:"IBM Plex Serif",Georgia,Cambria,"Times New Roman",Times,serif;font-size:2rem;font-weight:700;color:#555;z-index:5}.works-headline::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:250px;height:150px;background-image:url(../images/works-scribble.png);background-size:contain;background-repeat:no-repeat;z-index:-1}.works-content{display:grid;grid-template-columns:5fr 7fr;align-items:center;gap:1.5rem;padding:0 2.5rem}.works-gallery{position:sticky;top:0;height:80vh;display:flex;align-items:center;justify-content:center}.works-gallery-frame{position:relative;width:100%;max-width:760px}.gallery-frame-bg{width:100%;height:auto}.works-gallery-thumbnails{position:absolute;inset:0;padding:3rem 2rem}.works-gallery-thumbnail{position:absolute;inset:0;height:55%;border-radius:1px;max-height:400px;object-fit:contain;top:50%;left:50%;transform:translate(-53%, -55%);opacity:0;visibility:hidden;transition:opacity .6s ease,visibility .6s}.works-gallery-thumbnail.is-active{opacity:1;visibility:visible}.works-list{display:flex;flex-direction:column;gap:1rem}.project-item{display:grid;grid-template-columns:2fr repeat(2, 1fr);gap:1rem;padding:1.5rem 2rem;border-radius:.25rem;border:.2px solid #bbb;text-decoration:none;position:relative;transition:all .3s cubic-bezier(0.25, 0.8, 0.25, 1);pointer-events:none}.project-detail-column{display:flex;flex-direction:column}.project-label{opacity:0;visibility:hidden;display:none;transform:translateY(-5px);transition:all .3s ease;font-family:"IBM Plex Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:.75rem;font-weight:400;color:#888;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.25rem}.project-value{font-family:"IBM Plex Serif",Georgia,Cambria,"Times New Roman",Times,serif;font-size:1.15rem;font-weight:600;color:#555;display:flex;align-items:center;transition:all .3s ease;position:relative}.project-arrow{opacity:0;visibility:hidden;transition:all .3s ease;position:absolute;right:0px;width:14px;height:14px;margin-left:.5rem}.project-item.is-active{color:#4a2d6b;background-color:#fff;border-radius:12px;border-color:rgba(0,0,0,0);box-shadow:0 10px 30px rgba(0,0,0,.08);transition:all .3s cubic-bezier(0.25, 0.8, 0.25, 1);z-index:10;padding:2.25rem 2rem;pointer-events:auto}.project-item.is-active .project-label{opacity:1;visibility:visible;display:block;transform:translateY(0)}.project-item.is-active .project-value{font-size:1.125rem;font-weight:600;color:#4a2d6b}@media(max-width: 768px){.project-item{grid-template-columns:1fr;gap:1.25rem;border-radius:12px;border-color:rgba(0,0,0,0);background-color:#fff;box-shadow:0 5px 20px rgba(0,0,0,.05);margin-bottom:1rem;padding:1.5rem 1rem}.project-detail-column{text-align:center}.project-label{opacity:1;visibility:visible;transform:translateY(0)}.project-value{font-size:1.125rem;font-weight:600;color:#4a2d6b;justify-content:center}.project-item.is-active{transform:none;box-shadow:0 5px 20px rgba(0,0,0,.05)}}.contact-section{position:relative;padding:8rem 1.5rem;display:flex;flex-direction:column;align-items:center;text-align:center;overflow:hidden;min-height:80vh;justify-content:center;text-align:center}.contact-headline{position:relative;font-family:"IBM Plex Serif",Georgia,Cambria,"Times New Roman",Times,serif;font-size:2rem;font-weight:700;color:#333;z-index:5;margin-bottom:2rem}.contact-headline::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -40%);width:250px;height:150px;background-image:url(../images/contact-scribble.png);background-size:contain;background-repeat:no-repeat;z-index:-1}.contact-email{display:flex;align-items:center;background-color:#fff;border:1px solid #bbb;border-radius:8px;padding:.5rem .5rem .5rem 2rem;margin-bottom:2.5rem}.email-text{font-family:"IBM Plex Serif",Georgia,Cambria,"Times New Roman",Times,serif;font-size:1.5rem;color:#333;font-weight:600;padding-right:.5rem}.copy-button{background-color:#555;border:none;border-radius:6px;padding:1.25rem 1.75rem;margin-left:1rem;cursor:pointer;transition:all .2s ease}.copy-button img{width:32px;height:32px;display:block}.copy-button:hover{background-color:#333}.copy-button.is-copied{background-color:#27563f;transform:scale(1.1)}.contact-socials ul{list-style:none;padding:0;margin:0;display:flex;justify-content:center;flex-wrap:wrap}.contact-socials li{margin:.5rem 1rem}.contact-socials a{font-family:"IBM Plex Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:1rem;font-weight:600;color:#555;text-decoration:none;transition:color .2s ease}.contact-socials a:hover{color:#4a2d6b;text-decoration:underline}@media(max-width: 768px){.contact-socials ul{flex-direction:column}.contact-socials li{margin:.75rem 0}}.contact-decor img{position:absolute;z-index:1;will-change:transform}.contact-decor .decor-sun{width:200px;top:20%;left:12%}.contact-decor .decor-tree{width:600px;top:10%;right:0}.contact-decor .decor-mountain{width:740px;bottom:5%;left:-5%}.contact-decor .decor-tori{width:1000px;bottom:10%;right:-20%}.site-footer{position:relative;padding:4rem 1.5rem;overflow:hidden;display:grid;grid-template-areas:"nav" "contact" "copy";gap:2.5rem;text-align:center;justify-items:center;min-height:20em}.footer-col-left{grid-area:copy;text-align:center;align-self:flex-end}.footer-col-right{display:contents;align-self:flex-start}.site-footer__copyright{font-family:"IBM Plex Serif",Georgia,Cambria,"Times New Roman",Times,serif;font-size:1.75rem;font-weight:300;color:#555;margin:0 0 .75rem 0}.site-footer__name{font-style:italic;font-size:32px;font-weight:400}.site-footer__tagline{font-family:"IBM Plex Serif",Georgia,Cambria,"Times New Roman",Times,serif;font-size:.875rem;color:#555;line-height:1.5;margin:0}.site-footer__nav{grid-area:nav}.site-footer__nav ul{list-style:none;padding:0;margin:0}.site-footer__nav li{margin-bottom:1.25rem}.site-footer__nav a{font-family:"IBM Plex Serif",Georgia,Cambria,"Times New Roman",Times,serif;font-weight:700;font-size:1.15rem;color:#333;text-decoration:none}.site-footer__nav a:hover{color:#4a2d6b}.site-footer__contact{grid-area:contact;font-family:"IBM Plex Serif",Georgia,Cambria,"Times New Roman",Times,serif;font-size:1rem;color:#555}.site-footer__contact a{font-weight:600;color:#333;text-decoration:none}.site-footer__contact a:hover{text-decoration:underline}.sticker{position:absolute;display:block;z-index:-1;max-width:200px}.sticker-dumpling{top:2.25rem;left:calc(-6rem + 10vw);transform:rotate(-15deg)}.sticker-camera{bottom:14rem;left:calc(-8rem + 12vw);transform:rotate(15deg)}.sticker-jersey{top:4rem;right:calc(-6rem + 10vw);transform:rotate(10deg);max-width:120px}.sticker-cassette{bottom:16rem;right:calc(-6rem + 10vw);transform:rotate(-10deg)}@media(min-width: 768px){.site-footer{display:flex;justify-content:space-between;align-items:flex-end;padding:4rem 2.5rem;text-align:left;grid-template-areas:none;gap:0;justify-items:start}.footer-col-left{text-align:left}.footer-col-right{display:block;text-align:right}.site-footer__nav ul{display:flex;justify-content:flex-end}.site-footer__nav li{margin:0 0 0 2rem}.site-footer__nav a{font-size:1.5rem;font-weight:600}.site-footer__contact{margin-top:1rem}.sticker-dumpling{top:3rem;left:25%;transform:rotate(-10deg)}.sticker-camera{top:6rem;left:40%;transform:rotate(10deg)}.sticker-jersey{top:10rem;left:60%;transform:rotate(5deg)}.sticker-cassette{top:12rem;left:75%;transform:rotate(-10deg)}}