*{margin:0;padding:0;box-sizing:border-box;list-style-type:none}:root{--background-color:#fff;--color:#111;--border:rgba(0,0,0,.1);--padding:clamp(16px,6vw,48px);--type-size:16px;--large-type-size:clamp(16px,4vw,24px);--font-family:"Inter Variable",sans-serif,"SF Pro Text","SF Pro Icons","Helvetica Neue",Helvetica,Arial,sans-serif,Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif}@media (prefers-color-scheme:dark){:root{--background-color:#000;--color:#eee;--border:hsla(0,0%,100%,.2)}}body{font-family:var(--font-family);font-size:var(--type-size);line-height:1.8;background-color:var(--background-color);color:var(--color);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;text-size-adjust:none}.container{width:100%;max-width:960px;margin:0 auto;padding:var(--padding)}.header-container{margin-bottom:48px}.navigation{display:flex;gap:24px;margin-top:24px;border-bottom:1px solid var(--border)}.navigation a,.navigation button{font-family:var(--font-family);font-size:var(--type-size);line-height:1.6;background-color:transparent;outline:none;font-weight:500;cursor:pointer;color:var(--color);padding:8px 0;border:none;border-bottom:2px solid transparent;text-decoration:none}.navigation button.active{border-bottom:2px solid var(--color)}h1,h2,h3{font-weight:500}h1{font-size:var(--large-type-size)}h2,h3{font-size:var(--type-size)}ol:not(:last-child),p:not(:last-child),ul:not(:last-child){margin-bottom:calc((var(--type-size) * 1.6) / 2)}ol,ul{padding-left:1.25em}ul li{list-style-type:disc}ol li{list-style-type:decimal}a{color:inherit;text-decoration:none;border-bottom:1px solid var(--border)}.content-section{display:grid;grid-template-columns:1fr 3fr;grid-gap:var(--padding);gap:var(--padding);margin-bottom:var(--padding)}.section-title{position:-webkit-sticky;position:sticky;top:var(--padding);align-self:start}.section-content{min-width:0}.project{margin-bottom:var(--padding)}.project-year-and-info{display:flex;gap:16px;margin-bottom:16px}.project-year{color:#888;width:4ch;flex-shrink:0}.attachments{display:flex;gap:16px;overflow-x:auto;padding-bottom:16px;max-width:100%;scroll-snap-type:x mandatory}.media{flex:0 0 auto;width:320px;height:180px;position:relative;display:block;border-radius:8px;overflow:hidden;margin-bottom:24px;scroll-snap-align:start}.media:after{content:"";position:absolute;inset:0;border:1px solid var(--border);pointer-events:none;z-index:1;border-radius:inherit}.media img,.media video{position:absolute;width:100%;height:100%;display:block;object-fit:cover}.info-header{display:flex;align-items:center;gap:24px;margin-bottom:24px}.avatar-container{width:96px;height:96px}.avatar-container,.avatar-root{position:relative;flex-shrink:0}.avatar-root{display:flex;height:100%;width:100%;overflow:hidden;border-radius:50%}.avatar-image{aspect-ratio:1/1;height:100%;width:100%;object-fit:cover}.avatar-fallback{display:flex;height:100%;width:100%;align-items:center;justify-content:center;border-radius:50%;background-color:#e5e5e5}.status-container{position:absolute;bottom:0;right:0}.status-emoji-badge{bottom:0;right:0;background-color:#fff;padding:4px;box-shadow:0 0 0 2px rgba(0,0,0,.026);font-size:24px;line-height:1;width:32px;height:32px;display:flex}.badge,.status-emoji-badge{border-radius:9999px;align-items:center;justify-content:center}.badge{display:inline-flex;border:1px solid transparent;padding:.25rem .5rem;font-size:.75rem;font-weight:500;white-space:nowrap}.tooltip{top:40px;left:5%;padding:8px 12px;background-color:#fff;color:#111;border-radius:12px;width:max-content;z-index:10;box-shadow:0 4px 12px rgba(0,0,0,.1);border:1px solid #e9ecef}.tooltip,.tooltip:before{position:absolute;transform:translateX(-50%)}.tooltip:before{content:"";bottom:100%;left:1rem;border-color:transparent transparent #fff;border-style:solid;border-width:0 6px 6px}.tooltip-content{display:flex;flex-direction:column;gap:1px}.tooltip-content p{margin:0;line-height:1.6;font-size:small}.tooltip-content span{font-size:.7em;opacity:.7;line-height:1.1}.web-link{display:flex;gap:16px;align-items:center;margin-bottom:8px}.web-link label{font-weight:500;width:10ch;flex-shrink:0}.web-link a{border:none;border-bottom:1px solid #ccc;padding:4px 0;background:transparent;text-decoration:none}.form-group{margin-bottom:1.5rem}.contact-form input,.contact-form textarea{width:100%;background-color:transparent;border:none;border-bottom:1px solid var(--border);color:var(--color);font-family:var(--font-family);font-size:var(--type-size);padding:.5rem 0;outline:none}.contact-form input::placeholder,.contact-form textarea::placeholder{color:var(--color);opacity:.5}.contact-form textarea{resize:none;min-height:100px}.blogs-list ul{list-style:none;padding:0}.blogs-list li{margin-bottom:16px}.contact-form button{background-color:var(--color);color:var(--background-color);border:none;padding:.75rem 1.5rem;cursor:pointer;border-radius:24px;margin-left:auto;display:block}.contact-form button,.feedback-dialog{font-family:var(--font-family);font-size:var(--type-size)}.feedback-dialog{position:fixed;bottom:var(--padding);right:var(--padding);padding:1rem 1.5rem;border-radius:16px;z-index:1000}.feedback-dialog.success{background-color:#4caf50;color:#fff}.feedback-dialog.error{background-color:#f44336;color:#fff}@media (max-width:768px){.content-section{grid-template-columns:1fr}.section-title{position:static}.blogs-section .section-title h2,.contact-section .section-title h2{display:none}.blogs-section .section-content{padding-left:1.25em}.blogs-section.content-section,.content-section.contact-section{gap:0}}.portable-text-image{max-width:100%;height:auto;display:block;margin:1.5rem 0}.blog-navigation{display:flex;justify-content:space-between;margin-top:2rem}.story-viewer-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.8);display:flex;justify-content:center;align-items:center;z-index:1000}.story-viewer-content{position:relative;width:90vw;max-width:400px;height:80vh;max-height:700px;background-color:#1a1a1a;border-radius:12px;overflow:hidden;display:flex;flex-direction:column}.story-image-container{position:relative;flex:1 1;overflow:hidden}.story-header{position:absolute;top:0;left:0;width:100%;padding:12px;z-index:10;background:linear-gradient(180deg,rgba(0,0,0,.5) 0,transparent)}.story-progress-bars{display:flex;gap:4px;width:100%;margin-bottom:8px}.story-progress-bar{flex-grow:1;height:2px;background-color:hsla(0,0%,100%,.3);border-radius:1px}.story-progress-bar.active{background-color:#fff}.story-info{display:flex;justify-content:space-between;align-items:center;color:#fff}.story-time{font-size:.8rem;font-weight:500}.story-close-btn{background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer}.story-image{width:100%;height:100%;object-fit:cover}.story-caption{position:absolute;bottom:0;left:0;width:100%;padding:16px;background:linear-gradient(0deg,rgba(0,0,0,.7) 0,transparent);color:#fff;text-align:center}.story-caption a{color:#a5d6a7;text-decoration:none;font-weight:700}.story-nav-left,.story-nav-right{position:absolute;top:0;height:100%;width:50%;cursor:pointer}.story-nav-left{left:0}.story-nav-right{right:0}.avatar-wrapper{position:relative;width:96px;height:96px;cursor:pointer}.avatar-wrapper.has-stories:before{content:"";position:absolute;top:-4px;left:-4px;right:-4px;bottom:-4px;border-radius:50%;border:2px solid #a5d6a7;transition:transform .2s ease-in-out}.avatar-wrapper:hover:before{transform:scale(1.05)}