@font-face{font-family:Lexend;font-weight:100 700;font-style:normal;font-display:swap;src:url(/fonts/Lexend-VariableFont_wght.ttf) format("truetype")}@font-face{font-family:Piazzolla;font-weight:100 700;font-style:normal;font-display:swap;src:url(/fonts/Piazzolla-VariableFont_opsz,wght.ttf) format("truetype")}:root{--primary-color: #135959;--base-00-color: #f7f6ef;--base-20-color: #e8e7c9;--base-30-color: #deddc0;--base-40-color: #d6d4b0;--base-80-color: #313d3d;--base-90-color: #141818;--overlay-30-color: rgba(255, 255, 255, .3);--overlay-60-color: rgba(255, 255, 255, .6);--overlay-dark-10-color: rgba(19, 89, 89, .1);--overlay-dark-30-color: rgba(19, 89, 89, .3);--transparent-color: rgba(255, 255, 255, 0)}html{font-size:clamp(14px,1.5vw,18px);margin:0;padding:0}body{margin:0;padding:0;font-family:Lexend,sans-serif;font-weight:300;line-height:180%;background-color:var(--base-00-color)}h1{padding:0;margin:clamp(16px,3vw,24px) 0;font-family:Piazzolla,serif;font-weight:600;font-size:clamp(2.4rem,4vw,3rem);line-height:1.3;color:var(--base-80-color)}h2{padding:0;margin:clamp(12px,2.7vw,20px) 0;font-family:Piazzolla,serif;font-weight:600;font-size:clamp(1.8rem,3vw,2.4rem);line-height:1.2;color:var(--base-80-color)}h3{padding:0;margin:clamp(8px,2vw,16px) 0;font-family:Piazzolla,serif;font-weight:600;font-size:clamp(1.4rem,2.5vw,1.8rem);line-height:1.3;color:var(--base-80-color)}p{font-family:Lexend,sans-serif;font-weight:300;padding:0;margin:clamp(12px,2vw,24px) 0;font-size:clamp(16px,2vw,20px)}p.small-body{font-family:Lexend,sans-serif;font-weight:300;padding:0;margin:clamp(12px,2vw,24px) 0;font-size:clamp(12px,2vw,16px)}ul{font-size:clamp(16px,2vw,20px);padding:0 0 0 clamp(16px,1.5vw,24px);margin:0}li{font-size:clamp(16px,2vw,20px);padding:0;margin:0;line-height:clamp(1.8rem,2vw,2rem)}hr{padding:0;margin:clamp(24px,3vw,40px) 0;border-top-width:1px;border-left-width:0px;border-right-width:0px;border-bottom-width:0px;border-color:var(--base-00-color)}em{font-style:normal;color:var(--base-80-color)}figure{padding:0;margin:clamp(12px,2vw,24px) 0}a{color:var(--primary-color);text-decoration:none}pre{padding:0;margin:clamp(12px,2vw,24px) 0}.icon{fill:var(--base-80-color)}.icon:hover{fill:var(--primary-color)}.page-container{margin:auto;box-sizing:border-box;display:flex;flex-direction:column;padding:40px;gap:40px;max-width:1400px}nav{display:flex;justify-content:space-between;align-items:center}.nav-links{margin:0;padding:0;display:flex;gap:32px;list-style:none}.nav-links li a#home{font-family:Piazzolla,serif;font-weight:700;font-size:clamp(18px,2vw,21px);color:var(--base-80-color)}.nav-links li a{font-family:Lexend,sans-serif;text-decoration:none;color:var(--primary-color);background:none;border:none;cursor:pointer;font-weight:400;font-size:clamp(14px,2vw,16px)}.nav-links li a:hover{border-bottom:3px solid var(--primary-color)}.footer{display:flex;justify-content:space-between;align-items:center;padding:40px 0 24px}.footer-left p{color:var(--base-90-color)}.footer-right{display:flex;gap:24px}.footer-icon{width:24px;height:24px}@media (max-width: 768px){.page-container{padding:5vw;gap:5vw}}.hero-section{max-width:1200px;display:flex;justify-content:space-between;align-items:center;gap:calc(18px + 1vw);padding:64px 0;margin:0 auto}.hero-text{flex:2;display:flex;flex-direction:column;gap:21px}.hero-text>h1{padding:0;margin:clamp(16px,3vw,24px) 0;font-family:Piazzolla,serif;font-weight:600;font-size:clamp(3rem,5vw,4rem);letter-spacing:1%;line-height:1.2;color:var(--base-80-color)}.hero-text h1,.hero-text p{margin:0;max-width:600px}.hero-image{flex:1;flex-shrink:0;padding-bottom:24px;padding-left:calc(4px + 2vw);padding-right:calc(4px + 2vw)}.hero-image img{max-width:100%;height:auto}@media (max-width: 768px){.hero-section{flex-direction:column-reverse;gap:calc(18px + 1vw);padding:0}.hero-image{padding:0}}.work-list{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;padding:40px 0}.work-item-card{position:relative;overflow:hidden}.card-image{position:relative;padding-top:75%;width:100%;opacity:1;transition:opacity .3s ease}.card-image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:opacity .3s ease}.card-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--overlay-30-color);display:flex;flex-direction:column;justify-content:center;opacity:0;padding:80px;box-sizing:border-box;gap:6px;text-align:center;transition:opacity .3s ease}.card-image:hover img{opacity:.2}.card-image:hover .card-overlay{opacity:1}.card-overlay h3{margin:0;padding:0;word-wrap:break-word;overflow-wrap:break-word}@media (max-width: 768px){.work-list{grid-template-columns:1fr}}.main-content-container h1,.main-content-container h2,.main-content-container h3,.main-content-container p,.main-content-container ul,.main-content-container ol,.main-content-container hr,.main-content-container .toc{max-width:800px;margin-left:auto;margin-right:auto}.main-content-container h1{margin-top:clamp(24px,6vw,64px)}.main-content-container h2{margin-top:clamp(24px,5vw,64px)}.main-content-container h3{margin-top:clamp(16px,4vw,40px)}.main-content-container p{margin-top:clamp(12px,4vw,28px)}.main-content-container ul,.main-content-container ol{padding:0 0 0 24px;box-sizing:border-box}.main-content-container li{box-sizing:border-box}.main-content-container figure{width:100%;margin-left:auto;margin-right:auto;margin-top:clamp(24px,5vw,60px);margin-bottom:clamp(20px,5vw,48px)}.main-content-container img,.main-content-container video{width:100%}.main-content-container pre{width:100%;margin-left:auto;margin-right:auto;background:var(--overlay-dark-10-color);padding:24px;box-sizing:border-box;overflow:auto}.main-content-container code{background:var(--overlay-dark-10-color);border:1px solid var(--primary-color);padding:2px 4px;margin:0 2px;border-radius:4px}.main-content-container pre>code{display:inline;white-space:pre-wrap;word-break:break-all;background:none;border:none;padding:none;margin:none;border-radius:none}.main-content-container figure:has(em){display:flex;flex-direction:column;gap:16px;text-align:center;line-height:160%;font-size:1rem;padding:16px 0}.main-content-section a{color:var(--primary-color);font-weight:700}nav.toc{margin:24px 0}nav.toc ul{width:100%}nav.toc a{color:var(--primary-color);font-weight:400}.main-content-section a:hover,.toc a:hover{border-bottom:3px solid var(--primary-color)}.image-content-section{position:relative;width:100%;padding-bottom:40%;overflow:hidden}.image-container{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}@media (max-width: 768px){.image-content-section{padding-bottom:65%}}.content-nav-section{height:100%}.nav-container{margin:0;padding:32px;border-radius:24px;background:var(--overlay-60-color);position:sticky;top:16px;font-size:18px}