:root{--gradient-top:#fdf8ee;--gradient-bottom:#fbf1e6;--color-text:#333;--color-text-strong:#000;--nav-background:rgba(255, 255, 255, 0.1);--theme-transition:color 0.3s ease,background-color 0.3s ease}html[data-theme=dark]{--gradient-top:#0c0700;--gradient-bottom:#150d02;--color-text:#e4e6eb;--color-text-strong:#fff;--nav-background:rgba(0, 0, 0, 0.2)}body,html{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}body{display:flex;flex-direction:column;min-height:100vh;color:var(--color-text);background-image:linear-gradient(to bottom,var(--gradient-top) 0,var(--gradient-top) calc(50% - 15vw),var(--gradient-bottom) calc(50% + 15vw),var(--gradient-bottom) 100%);background-repeat:no-repeat;background-attachment:fixed;transition:color .3s ease}header{width:100%;padding:1rem 0;display:flex;justify-content:center;position:absolute;top:0;left:0;z-index:10}nav ul{margin:0;padding:0;list-style:none;display:flex;gap:2rem;background-color:var(--nav-background);transition:var(--theme-transition);backdrop-filter:blur(5px);padding:.75rem 1.5rem;border-radius:99px}nav a{text-decoration:none;color:var(--color-text);font-weight:500;transition:color .3s ease}nav a:hover{color:var(--color-text-strong)}main{flex-grow:1;display:grid;place-items:center;overflow:hidden}main>picture{width:100%}.main-image{width:100%;height:auto;display:block;transition:filter 2s ease-in-out;aspect-ratio:2.88;mask-image:linear-gradient(to bottom,transparent,black 4vw,black calc(100% - 3vw),transparent),linear-gradient(to right,transparent,black 1.5vw,black calc(100% - 2vw),transparent);-webkit-mask-image:linear-gradient(to bottom,transparent,black 4vw,black calc(100% - 3vw),transparent),linear-gradient(to right,transparent,black 1.5vw,black calc(100% - 2vw),transparent);-webkit-mask-composite:source-in;mask-composite:intersect}.main-image.lazy-load{filter:blur(2px)}.theme-toggle{background:0 0;border:none;cursor:pointer;padding:.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;position:fixed;top:1rem;right:2rem;z-index:20}.theme-toggle:hover{background-color:var(--nav-background)}.theme-toggle .icon{width:24px;height:24px;stroke:var(--color-text-strong)}.icon-moon,html[data-theme=dark] .icon-sun{display:none}html[data-theme=dark] .icon-moon{display:block}html[data-theme=dark] .main-image{filter:saturate(.5)}noscript .main-image{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}