:root{--color-surface:#131313;--color-surface-dim:#131313;--color-surface-bright:#393939;--color-surface-container-lowest:#0e0e0e;--color-surface-container-low:#1b1c1c;--color-surface-container:#1f2020;--color-surface-container-high:#2a2a2a;--color-surface-container-highest:#353535;--color-on-surface:#e4e2e1;--color-on-surface-variant:#d1c5b4;--color-inverse-surface:#e4e2e1;--color-inverse-on-surface:#303030;--color-outline:#9a8f80;--color-outline-variant:#4e4639;--color-surface-tint:#e9c176;--color-surface-variant:#353535;--color-primary:#e9c176;--color-on-primary:#412d00;--color-primary-container:#c5a059;--color-on-primary-container:#4e3700;--color-inverse-primary:#775a19;--color-primary-fixed:#ffdea5;--color-primary-fixed-dim:#e9c176;--color-on-primary-fixed:#261900;--color-on-primary-fixed-variant:#5d4201;--color-secondary:#c8c6c5;--color-on-secondary:#313030;--color-secondary-container:#4a4949;--color-on-secondary-container:#bab8b7;--color-secondary-fixed:#e5e2e1;--color-secondary-fixed-dim:#c8c6c5;--color-on-secondary-fixed:#1c1b1b;--color-on-secondary-fixed-variant:#474646;--color-tertiary:#c6c6c7;--color-on-tertiary:#2f3131;--color-tertiary-container:#a4a5a5;--color-on-tertiary-container:#393b3b;--color-tertiary-fixed:#e2e2e2;--color-tertiary-fixed-dim:#c6c6c7;--color-on-tertiary-fixed:#1a1c1c;--color-on-tertiary-fixed-variant:#454747;--color-error:#ffb4ab;--color-on-error:#690005;--color-error-container:#93000a;--color-on-error-container:#ffdad6;--color-background:#131313;--color-on-background:#e4e2e1;--font-serif:"EB Garamond", serif;--font-sans:"Manrope", sans-serif;--spacing-unit:8px;--spacing-gutter:24px;--spacing-margin-desktop:80px;--spacing-margin-mobile:20px;--spacing-section-gap:160px;--radius-sm:.25rem;--radius-default:.5rem;--radius-md:.75rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-2xl:1.5rem;--radius-3xl:2rem;--radius-full:9999px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-sans);color:var(--color-on-background);background-color:var(--color-background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;font-weight:400;line-height:24px;overflow-x:hidden}::selection{color:var(--color-primary);background:#e9c1764d}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}input,select,textarea{color:inherit;font-family:inherit}ul{list-style:none}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.glass-panel{-webkit-backdrop-filter:blur(20px);background:#13131366;border:1px solid #ffffff1a}.text-glow{text-shadow:0 0 10px #e9c17680}.hover-zoom img{transition:transform .7s}.hover-zoom:hover img{transform:scale(1.05)}@keyframes pulse{0%{box-shadow:0 0 #e9c176b3}70%{box-shadow:0 0 0 15px #e9c17600}to{box-shadow:0 0 #e9c17600}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--color-surface)}::-webkit-scrollbar-thumb{background:var(--color-outline-variant);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-outline)}.material-symbols-outlined{font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24}.project-content{opacity:0;animation:.8s cubic-bezier(.16,1,.3,1) forwards slideDownFade;transform:translateY(-20px)}@keyframes slideDownFade{to{opacity:1;transform:translateY(0)}}.fade-in-section{animation:.5s forwards fadeIn}.fade-in-hidden{opacity:0;transform:translateY(10px)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}section:not(#hero){content-visibility:auto;contain-intrinsic-size:1000px}.navbar{border-radius:var(--radius-full);z-index:50;-webkit-backdrop-filter:blur(24px);background:#1313131a;border:1px solid #ffffff1a;justify-content:space-between;align-items:center;width:90%;max-width:1280px;padding:16px 32px;display:flex;position:fixed;top:16px;left:50%;transform:translate(-50%);box-shadow:0 25px 50px -12px #00000040}.navbar__logo{font-family:var(--font-serif);letter-spacing:-.02em;color:var(--color-primary);align-items:center;font-size:32px;font-weight:400;line-height:40px;display:flex}.navbar__logo-img{width:auto;height:56px}.navbar__links{align-items:center;gap:32px;display:flex}.navbar__link{font-family:var(--font-sans);letter-spacing:.1em;text-transform:uppercase;color:#e4e2e1b3;font-size:12px;font-weight:600;line-height:16px;transition:color .3s}.navbar__link:hover{color:var(--color-primary)}.navbar__link--active{color:var(--color-primary);border-bottom:1px solid var(--color-primary);padding-bottom:4px}.navbar__cta{font-family:var(--font-sans);letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--color-primary);color:var(--color-primary);border-radius:var(--radius-full);padding:8px 24px;font-size:12px;font-weight:600;line-height:16px;transition:all .3s}.navbar__cta:hover{background-color:var(--color-primary);color:var(--color-on-primary);transform:scale(1.05)}.navbar__cta:active{transform:scale(.95)}.navbar__hamburger{color:var(--color-primary);background:0 0;border:none;display:none}.navbar__mobile-menu{border-radius:var(--radius-xl);flex-direction:column;gap:16px;padding:24px;display:flex;position:absolute;top:calc(100% + 12px);left:0;right:0}.navbar__mobile-link{font-family:var(--font-sans);letter-spacing:.1em;text-transform:uppercase;color:#e4e2e1b3;padding:8px 0;font-size:12px;font-weight:600;line-height:16px;transition:color .3s}.navbar__mobile-link:hover,.navbar__mobile-link--active{color:var(--color-primary)}.navbar__mobile-cta{font-family:var(--font-sans);letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--color-primary);color:var(--color-primary);border-radius:var(--radius-full);margin-top:8px;padding:12px 24px;font-size:12px;font-weight:600;line-height:16px;transition:all .3s}.navbar__mobile-cta:hover{background-color:var(--color-primary);color:var(--color-on-primary)}@media (width<=768px){.navbar{padding:12px 20px}.navbar__links,.navbar__cta{display:none}.navbar__hamburger{display:block}}.navbar--enter{animation:.8s cubic-bezier(.16,1,.3,1) forwards unfoldFromCenter}@keyframes unfoldFromCenter{0%{clip-path:inset(0 50%);opacity:0}to{clip-path:inset(0);opacity:1}}.hero{width:100%;height:100vh;display:flex;position:relative}.hero__side{cursor:pointer;width:50%;height:100%;transition:filter .5s;position:relative;overflow:hidden}.hero__side--unselected{filter:brightness(.4)grayscale(60%)}.hero__side--selected{filter:brightness(1.05)}.hero__image{background-position:50%;background-size:cover;transition:transform 1s;position:absolute;inset:0}.hero__side:hover .hero__image{transform:scale(1.05)}.hero__gradient{position:absolute;inset:0}.hero__gradient--left{background:linear-gradient(90deg,#131313cc,#0000)}.hero__gradient--right{background:linear-gradient(270deg,#131313cc,#0000)}.hero__content{z-index:10;flex-direction:column;justify-content:center;display:flex;position:absolute;inset:0}.hero__content--left{padding:var(--spacing-margin-desktop);text-align:left;align-items:flex-start}.hero__content--right{padding:var(--spacing-margin-desktop);text-align:right;align-items:flex-end}.hero__title{font-family:var(--font-serif);letter-spacing:-.02em;color:var(--color-on-surface);margin-bottom:16px;font-size:80px;font-weight:400;line-height:88px;transition:transform .5s}.hero__side:hover .hero__title{transform:translateY(-8px)}.hero__description{font-family:var(--font-sans);letter-spacing:.01em;color:var(--color-on-surface-variant);opacity:0;max-width:448px;font-size:18px;font-weight:300;line-height:28px;transition:opacity .5s .1s}.hero__side:hover .hero__description{opacity:1}.hero__cta-wrapper{opacity:0;margin-top:32px;transition:opacity .5s .2s}.hero__side:hover .hero__cta-wrapper{opacity:1}.hero__cta{font-family:var(--font-sans);letter-spacing:.1em;text-transform:uppercase;color:var(--color-primary);border-bottom:1px solid var(--color-primary);padding-bottom:4px;font-size:12px;font-weight:600;line-height:16px}@media (width<=768px){.hero{flex-direction:column}.hero__side{width:100%;height:50%}.hero__gradient--left,.hero__gradient--right{background:linear-gradient(#0000,#13131366,#131313)}.hero__content--left,.hero__content--right{text-align:left;padding:var(--spacing-margin-mobile);justify-content:flex-end;align-items:flex-start}.hero__title{font-size:48px;line-height:56px}.hero__description{opacity:1;font-size:16px;line-height:24px}.hero__cta-wrapper{opacity:1}}