@import"https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,300;0,400;0,500;0,600;1,400&display=swap";@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400;1,600&display=swap";:root{--font-body: "Work Sans", system-ui, -apple-system, sans-serif;--font-header: "Cormorant Garamond", Georgia, "Times New Roman", serif;--primary: #1a6b6b;--primary-light: #228e8e;--primary-dark: #114848;--primary-subtle: #edf5f5;--accent: #c4783a;--accent-light: #d9935a;--accent-subtle: #fdf4ec;--background: #f5f3ee;--surface: #ffffff;--surface-alt: #f9f8f5;--text: #1b2436;--text-secondary: #455070;--text-muted: #7a869a;--text-inverse: #f7f6f3;--border: #dddad3;--border-light: #edebe6;--shadow-xs: 0 1px 2px rgba(27, 36, 54, .05);--shadow-sm: 0 2px 8px rgba(27, 36, 54, .07), 0 1px 3px rgba(27, 36, 54, .04);--shadow-md: 0 5px 16px rgba(27, 36, 54, .09), 0 2px 6px rgba(27, 36, 54, .05);--shadow-lg: 0 10px 30px rgba(27, 36, 54, .11), 0 4px 12px rgba(27, 36, 54, .06);--ease-out: cubic-bezier(.22, 1, .36, 1);--secondary: var(--accent);--secondary-light: var(--accent-light);--cocoa: #b06b28;--platinum: var(--border);--jet: var(--text);font-family:var(--font-body);font-size:16px;color:var(--text)}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{scroll-behavior:smooth;scrollbar-gutter:stable}body{background-color:var(--background);color:var(--text);line-height:1.65;-webkit-font-smoothing:antialiased}a,button,.card,.link-btn,.action-btn,.project-link{transition:background-color .2s var(--ease-out),color .2s var(--ease-out),border-color .2s var(--ease-out),box-shadow .2s var(--ease-out),transform .16s var(--ease-out),opacity .2s var(--ease-out)}main{margin:80px auto 5em;padding:1.5em 1.75em;max-width:880px}.container{display:flex;flex-direction:column;gap:1.25em;padding:.5em}.flex{display:flex;flex-direction:column;gap:1.25em}@media (min-width: 640px){.flex{flex-direction:row;flex-wrap:wrap}.flex>*{flex:1;min-width:220px}}.card-flex{display:flex;align-items:flex-start;gap:1em}h1,h2,h3,h4{font-family:var(--font-header);font-weight:600;line-height:1.2;color:var(--text);letter-spacing:-.01em}h1{font-size:clamp(1.6rem,5vw,2.4rem)}h2{font-size:clamp(1.4rem,4vw,2rem);margin-bottom:.4em}h3{font-size:clamp(1.1rem,3vw,1.4rem);font-weight:500}p{padding:.35em 0;line-height:1.72;color:var(--text-secondary)}a{color:var(--primary);text-underline-offset:2px;text-decoration-color:transparent}a:hover{color:var(--primary-light);text-decoration-color:var(--primary-light)}ul,ol{padding-left:1.5em}li{margin-bottom:.4em;color:var(--text-secondary);line-height:1.6}section{padding:2.75em 0;border-bottom:1px solid var(--border-light);width:100%;scroll-margin-top:30rem}.card{background:var(--surface);border-radius:14px;box-shadow:var(--shadow-sm);border:1px solid var(--border-light);padding:1.6em 1.8em;position:relative;color:inherit;text-decoration:none;display:block}a.card{cursor:pointer}a.card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px);border-color:var(--border);text-decoration:none}.link-arrow{position:absolute;top:50%;transform:translateY(-50%);right:1.3em;color:var(--text-muted);font-size:1.2rem}.card:hover .link-arrow{transform:translate(7px,-50%);color:var(--primary)}.link-btn{display:inline-block;text-decoration:none;color:var(--text-inverse);background:var(--primary);padding:.72em 1.75em;border-radius:8px;font-weight:500;font-size:.95rem;text-align:center;margin:1em auto;max-width:18em;letter-spacing:.02em;border:none;cursor:pointer}.link-btn:hover{background:var(--primary-light);transform:translateY(-2px);box-shadow:var(--shadow-md);color:var(--text-inverse);text-decoration:none}.link-btn:active{transform:translateY(0)}.action-btn{background:var(--primary);color:var(--text-inverse);padding:.65em 1.6em;border-radius:8px;text-align:center;display:inline-block;margin:.75em auto;text-decoration:none;font-weight:500;font-size:.95rem;border:none;cursor:pointer;max-width:16em}.action-btn:hover{background:var(--primary-light);transform:translateY(-2px);box-shadow:var(--shadow-sm);color:var(--text-inverse)}.action-btn:active{transform:translateY(0)}.menu-btn{background:transparent;border:none;padding:.4em;cursor:pointer;border-radius:6px;color:var(--text);display:flex;align-items:center;justify-content:center}.menu-btn:hover{background:var(--border-light)}.menu-btn-light{background:transparent;color:var(--text-inverse);border:none;display:flex;align-items:center;gap:.5em;cursor:pointer;padding:.5em 1em;border-radius:6px;font-family:var(--font-body);font-size:.95rem;font-weight:500}.menu-btn-light h3{color:var(--text-inverse);font-size:1rem;font-family:var(--font-body)}.menu-btn-light:hover{background:rgba(255,255,255,.12)}.menu-btn-dark{background:transparent;color:var(--text);border:none;display:flex;align-items:center;gap:.5em;cursor:pointer;padding:.5em 1em;border-radius:6px;font-family:var(--font-body);font-size:.95rem;font-weight:500}.menu-btn-dark h3{color:var(--text);font-size:1rem;font-family:var(--font-body)}.menu-btn-dark:hover{background:var(--border-light)}.menu-btn-dark:focus-visible{outline:2px solid var(--primary);outline-offset:2px}nav a{display:flex;align-items:center;gap:.4em;text-decoration:none;padding:.5em .75em;color:var(--text);border-radius:6px;font-weight:500;font-size:.95rem}nav a:hover{background:var(--primary-subtle);color:var(--primary);text-decoration:none}.logo{text-decoration:none;color:var(--text);display:flex;align-items:center;gap:.75em}.logo>*{margin:0}.logo:hover{color:var(--primary);text-decoration:none}img{display:block;max-width:100%;margin:1em auto;border-radius:8px}img.small-img{max-width:5.5em;margin:auto}.contact-details{background:linear-gradient(135deg,var(--primary-dark),var(--primary));list-style:none;padding:.8em 1em;border-radius:12px;margin:.75em 0}.contact-details li{padding:.25em 0;margin:0}.contact-details a{color:#f7f6f3eb;text-decoration:none;font-weight:500;font-size:.95rem;display:flex;align-items:center;gap:.5em;padding:.35em .5em;border-radius:5px}.contact-details a:hover{background:rgba(255,255,255,.13);color:#fff;text-decoration:none}.cv-header{display:flex;position:relative;justify-content:center;align-items:center;gap:4em;width:100%;background:linear-gradient(135deg,var(--primary-dark),var(--primary));color:var(--text-inverse);padding:.6em 1em;border-bottom:3px solid var(--accent)}.cv-header>*{margin:0}.cv-header h2{color:var(--text-inverse);font-size:1.05rem;font-weight:500;font-family:var(--font-body)}.cv-header-container{position:fixed;top:80px;width:100%;max-width:880px;background:var(--background);padding:.5em;z-index:90}.cv-header nav{position:absolute;top:100%;left:0;width:100%;border-bottom:3px solid var(--accent);background:var(--surface);box-shadow:var(--shadow-md);z-index:85}.cv-header ul{list-style:none;padding:.5em;margin:0;display:flex;flex-wrap:wrap;gap:.2em}.cv-header li{padding:0}.cv-header nav a{color:var(--text);font-size:.9rem;padding:.4em .7em;border-radius:5px;display:flex;align-items:center;gap:.35em;text-decoration:none}.cv-header nav a:hover{background:var(--primary-subtle);color:var(--primary)}#intro{padding-top:0;scroll-margin-top:90px}.project{background:var(--surface);border-radius:14px;box-shadow:var(--shadow-sm);border:1px solid var(--border-light);margin-bottom:1.5em;overflow:hidden;color:var(--text)}.project h3{background:linear-gradient(135deg,var(--primary-dark),var(--primary-light));color:var(--text-inverse);padding:.9em 1.6em;margin:0;font-size:1.2rem;letter-spacing:0}.project p{padding:.4em 1.6em}.project-link{display:block;text-align:center;text-decoration:none;padding:.75em;background:var(--accent);color:var(--text-inverse);font-weight:500;font-size:.95rem}.project-link:hover{background:var(--accent-light);color:var(--text-inverse);text-decoration:none}.intro{font-size:1.05rem;text-align:center;line-height:1.65}h3.intro{font-size:1.35rem;font-family:var(--font-body);font-weight:500}.headline{display:flex;justify-content:space-around;align-items:center}#qr{background:var(--surface);border:1px solid var(--border);border-radius:12px;display:flex;flex-direction:column;justify-content:center;padding:1em;margin-bottom:.75em}.to-top{background:var(--surface);color:var(--primary);border:2px solid var(--primary);position:fixed;bottom:1.25em;right:1.25em;border-radius:50%;width:2.75em;height:2.75em;display:flex;align-items:center;justify-content:center;text-decoration:none;box-shadow:var(--shadow-md);z-index:50}.to-top:hover{background:var(--primary);color:var(--text-inverse);transform:translateY(-2px);text-decoration:none}footer{padding:1.5em;text-align:center;color:var(--text-muted);font-size:.9rem;border-top:1px solid var(--border-light);margin-top:1em}footer a{font-weight:500;color:var(--primary);text-decoration:none}footer a:hover{color:var(--primary-light)}