.global-footer{position:fixed;bottom:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:20px 36px;pointer-events:none}.footer__credit{font-size:.55rem;letter-spacing:.15em;text-transform:uppercase;color:#f0f0f04d;pointer-events:auto}.footer__credit a{color:#f0f0f080;text-decoration:none}.footer__scroll-hint{font-size:.55rem;letter-spacing:.2em;text-transform:uppercase;color:#f0f0f04d;display:flex;align-items:center;gap:8px}.footer__scroll-hint:before{content:"";display:inline-block;width:20px;height:1px;background:#f0f0f04d}@media(max-width:35rem){.global-footer{display:none}}@property --header-height{syntax: "<length>"; inherits: true; initial-value: 0;}.global-header{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:1rem;backdrop-filter:blur(3px);background-color:#1a1a1a4d;pointer-events:none}.global-header:after{--header-height: 100cqh}.logo{align-self:center;font-size:.65rem;font-weight:700;letter-spacing:.3em;text-transform:uppercase;color:var(--off-white);pointer-events:auto;text-decoration:none;display:grid;grid-auto-flow:column;align-items:center;grid-column-gap:.5rem;>img{width:auto;height:2em}}.logo span{color:var(--neon-chartreuse);font-weight:400}nav{display:flex;align-items:center;gap:6px;pointer-events:auto}.nav a{font-size:.6rem;letter-spacing:.15em;text-transform:uppercase;color:#f0f0f080;text-decoration:none;padding:.5rem 1rem;border:1px solid transparent;transition:color .3s var(--ease),border-color .3s var(--ease)}.nav a:hover{color:var(--neon-chartreuse);border-color:#dfff004d}.modal-overlay{p{font-family:var(--font-mono)}position:fixed;inset:0;z-index:200;background:#1a1a1aeb;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .5s var(--ease),visibility 0s linear .5s}.modal-overlay:target{opacity:1;visibility:visible;transition:opacity .5s var(--ease),visibility 0s linear 0s}.modal-overlay:target .modal__content{opacity:1;transform:translateY(0)}.modal__close{position:absolute;top:28px;right:36px;z-index:10;width:48px;height:48px;display:flex;align-items:center;justify-content:center;text-decoration:none;color:var(--off-white);font-size:1.4rem;border:1px solid var(--steel);border-radius:0;transition:border-color .3s var(--ease),color .3s var(--ease)}.modal__close:hover{border-color:var(--neon-chartreuse);color:var(--neon-chartreuse)}.modal__content{overscroll-behavior:contain;max-width:680px;width:90%;max-height:80vh;overflow-y:auto;padding:60px;opacity:0;transform:translateY(30px);transition:opacity .5s var(--ease) .1s,transform .5s var(--ease) .1s;-ms-overflow-style:none;scrollbar-width:none;::-webkit-scrollbar{display:none}}.modal__label{font-size:.6rem;letter-spacing:.3em;text-transform:uppercase;color:var(--neon-chartreuse);margin-bottom:24px;display:flex;align-items:center;gap:12px}.modal__label:before{content:"";display:inline-block;width:32px;height:1px;background:var(--neon-chartreuse)}.modal__heading{font-family:var(--font-sans);font-size:clamp(2.5rem,6vw,4.5rem);text-transform:uppercase;color:var(--off-white);line-height:.95;margin-bottom:36px}.modal__text{font-size:.8rem;line-height:1.9;color:#f0f0f099;margin-bottom:24px}.modal__text strong{color:var(--off-white);font-weight:700}.modal__text a{color:var(--off-white);text-decoration:none;border-bottom:1px solid var(--steel);padding-bottom:2px;transition:border-color .3s var(--ease)}.modal__text a:hover{border-color:var(--neon-chartreuse)}.modal__divider{width:48px;height:1px;background:var(--steel);margin:36px 0;border:none}.modal__project-list{list-style:none;padding:0}.modal__project-list li{display:flex;justify-content:space-between;align-items:baseline;padding:18px 0;border-bottom:1px solid rgba(74,74,74,.3);font-size:.75rem}.modal__project-list li:first-child{border-top:1px solid rgba(74,74,74,.3)}.modal__project-name{color:var(--off-white);font-weight:700;letter-spacing:.05em}.modal__project-year{color:var(--steel);font-size:.65rem;letter-spacing:.1em}.modal__contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px 40px}.modal__contact-label{font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;color:var(--steel);margin-bottom:8px}.modal__contact-value{font-size:.8rem;color:var(--off-white)}.modal__contact-value a{color:var(--off-white);text-decoration:none;border-bottom:1px solid var(--steel);padding-bottom:2px;transition:border-color .3s var(--ease)}.modal__contact-value a:hover{border-color:var(--neon-chartreuse)}@media(max-width:35rem){.nav a{padding:.5rem}}@media(max-width:25rem){.nav a{padding:.2rem}}@media(max-width:900px){.modal__content{padding:40px 24px}.modal__contact-grid{grid-template-columns:1fr}.modal-overlay{align-items:flex-start}.modal__content{max-height:100vh;margin-top:40px;padding-bottom:60px}.modal__close{top:20px;right:50px;width:40px;height:40px;font-size:1.2rem}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--off-white: #F0F0F0;--carbon: #1A1A1A;--graphite: #2C2C2C;--steel: #4A4A4A;--ash: #6B6B6B;--aluminium: #ABABAB;--neon-chartreuse: #DFFF00;--seam: #111111;--font-sans: "Anton", sans-serif;--font-mono: "Space Mono", monospace;--ease-heavy: cubic-bezier(.77, 0, .175, 1);--ease: cubic-bezier(.28, .13, .23, 1);--duration: .4s;--s-width: tan(atan2(100cqw,1px));--s-height: tan(atan2(100cqh,1px));--ratio: calc(var(--s-width) / var(--s-height));--narrow-threshold: 35rem}html{font-size:16px;font-family:var(--font-mono);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-width:thin;scrollbar-color:var(--steel) transparent;::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--steel);border-radius:0}::-webkit-scrollbar-thumb:hover{background:var(--ash)}}h1,h2,h3,h4,h5,h6{font-family:var(--font-sans)}body{background:var(--carbon);color:var(--off-white)}html,body,main{height:100%;width:100%}a{text-decoration:none;color:var(--neon-chartreuse)}ul{list-style:none inside}li{color:var(--aluminium);font-family:var(--font-sans);margin-top:1em;>a{padding-left:.5em;border-left:.15em solid var(--neon-chartreuse)}>ul,ol,dl{padding-left:.85em}}