header{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;border-bottom:1px solid var(--color-border);gap:1rem}header .name{flex:1}header .name a{text-decoration:none}header .name h1{font-size:clamp(1.2rem,3vw,1.8rem)}header .name h2{font-size:clamp(.75rem,1.5vw,.95rem);font-weight:400;color:var(--color-muted)}header nav{flex:2}header nav ul{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:0 1.5rem;text-transform:uppercase;font-size:.85rem;font-weight:700}header nav a{letter-spacing:.04em}header nav a.active{text-decoration:underline;text-underline-offset:4px}header .lang{flex:1;display:flex;justify-content:flex-end}@media (max-width: 640px){header{flex-direction:column;align-items:center;text-align:center;padding:1rem;gap:.8rem}header .name,header nav,header .lang{flex:unset;width:100%;justify-content:center}header nav ul{flex-wrap:wrap;gap:.5rem 1rem}header .lang{justify-content:center}}.homepage-nav-section{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 var(--space-md) var(--space-lg);border-bottom:1px solid var(--color-border)}.homepage-nav{display:flex;flex-direction:column;justify-content:center;align-items:center}.homepage-nav li{padding:0}.homepage-nav a{display:block;padding:.9em 1.2em;border:2px solid var(--color-text);border-radius:8px;font-weight:600;text-align:center;transition:background .2s,color .2s;width:50%;margin:10px}.homepage-nav a:hover{background:var(--color-text);color:#fff;text-decoration:none}main{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1.2rem;flex:1;margin:50px}main h2{font-size:clamp(1.1rem,2.5vw,1.4rem);font-weight:700;line-height:1.4;text-align:center}main h3{font-size:clamp(.95rem,2vw,1.1rem);font-weight:600;margin-bottom:.4em}main section{display:flex;flex-direction:column;gap:.5rem;width:90%}footer{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;padding:1.5rem var(--space-md);border-top:1px solid var(--color-border);margin-top:auto;font-size:.85rem;color:var(--color-muted);text-align:center}footer p{margin:0}.footer_nav{display:flex;flex-direction:column;justify-content:center;align-items:center}.homepage-main{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:3rem;padding:var(--space-lg) var(--space-md);max-width:var(--max-width);margin:0 auto;width:100%}.homepage-main img{width:clamp(120px,20vw,200px);flex-shrink:0}@media (max-width: 640px){.homepage-main{flex-direction:column-reverse;padding:var(--space-md) var(--space-sm);gap:1.5rem;text-align:center}.homepage-main img{width:140px}}.selected-work-container{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1.2rem;margin-top:10px}.selected-work-container h2{font-size:clamp(1.1rem,2.5vw,1.4rem);font-weight:700;line-height:1.4;text-align:center}.selected-work{display:flex;gap:1rem;padding:1rem 0;margin:20px auto}.work-card{width:200px;border-radius:10px;background-color:#fac775;border:1.2px solid #BA7517;transition:transform .2s ease,filter .2s ease;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem;text-align:center}.work-card:after{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px;border-radius:6px;border:.8px solid #EF9F27;pointer-events:none}.work-card>img{width:80px}.skill-tiles{display:flex;flex-wrap:wrap;gap:1rem;padding:1rem 0;margin:8px auto}.tile{height:240px;width:240px;border-radius:10px;background-color:#fac775;border:1.2px solid #BA7517;transition:transform .2s ease,filter .2s ease;position:relative;overflow:hidden}.tile:after{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px;border-radius:6px;border:.8px solid #EF9F27;pointer-events:none}.tile:hover{transform:translateY(-5px);filter:brightness(1.04);scale:1.2}.tile__inner{display:flex;flex-direction:column;align-items:center;height:100%;padding:8% 8% 6%;position:relative}.tile__letter{font-family:Georgia,Times New Roman,serif;font-size:clamp(1.8rem,3.5vw,2.8rem);font-weight:700;color:#412402;line-height:1;margin-top:4%;flex-shrink:0}.tile__content{display:flex;flex-direction:column;align-items:center;gap:.4em;margin-top:.5em;flex:1}.tile__label{font-family:Georgia,Times New Roman,serif;font-size:14px;font-weight:700;color:#412402;text-align:center;line-height:1.3}.tile__desc{font-family:Georgia,Times New Roman,serif;font-size:13px;color:#633806;text-align:center;line-height:1.45;margin:0}@media (max-width: 768px){.skill-tiles{flex-direction:column;justify-content:center;align-items:center}}@media (max-width: 480px){.skill-tiles{flex-direction:column;justify-content:center;align-items:center}}.timeline{display:flex;flex-direction:column;align-items:center;gap:1.2rem;margin:50px auto;width:90%;max-width:700px}.timeline h2{font-size:clamp(1.1rem,2.5vw,1.4rem);font-weight:700;line-height:1.4;text-align:center}.timeline-container{display:grid;grid-template-columns:1fr;width:100%}.timeline-item{display:grid;grid-template-columns:1fr 32px 2fr;align-items:start;gap:0 1rem;position:relative}.timeline-item:not(:last-child) .timeline-axis:after{content:"";position:absolute;top:12px;left:50%;transform:translate(-50%);width:2px;background-color:#ba7517;bottom:0}.timeline-axis{display:flex;flex-direction:column;align-items:center;position:relative;padding-top:3px}.timeline-dot{width:14px;height:14px;background-color:#fac775;border:2px solid #BA7517;border-radius:50%;flex-shrink:0;position:relative;z-index:1}.timeline-date{font-family:Georgia,Times New Roman,serif;font-size:clamp(.85rem,1.5vw,1rem);font-weight:700;color:#412402;text-align:right;padding-top:1px}.timeline-text{font-size:clamp(.85rem,1.5vw,.95rem);color:#633806;line-height:1.6;margin:0 0 2rem}@media (max-width: 520px){.timeline-item{grid-template-columns:20px 1fr;grid-template-rows:auto auto}.timeline-date{grid-column:1 / -1;text-align:left;margin-bottom:.3rem}.timeline-axis{grid-column:1;grid-row:2}.timeline-text{grid-column:2;grid-row:2}}.portfolio-container{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1.2rem;flex:1;margin:50px}.portfolio-container h2{font-size:clamp(1.1rem,2.5vw,1.4rem);font-weight:700;line-height:1.4;text-align:center}.project-card{display:flex;flex-direction:column;gap:.5rem;width:90%;border:1px solid #ccc;border-radius:8px;padding:1rem}.tags{display:flex;flex-wrap:wrap;gap:.5rem}.tag{background-color:#eee;padding:.2rem .5rem;border-radius:4px;font-size:.8rem;font-style:italic}.project-card button,.case-study-link{align-self:flex-start;padding:.5rem 1rem;background-color:red;color:#fff;border:none;border-radius:4px;cursor:pointer}.project-img{width:100px}.form-container{padding:20px}.contact{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;padding:var(--space-lg) var(--space-md);max-width:var(--max-width);margin:30px auto;border:2px solid var(--color-border);border-radius:8px;background-color:#fff}.contact h2{font-size:clamp(1.1rem,2.5vw,1.4rem);font-weight:700;line-height:1.4;text-align:center}.input-box{display:flex;flex-direction:column;gap:.5rem;width:100%}.field{padding:.6em;border:1px solid var(--color-border);border-radius:4px;font-size:.95rem}textarea{resize:vertical;min-height:100px;font-family:inherit}.case-study{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1.2rem;flex:1;margin:50px;behavior:smooth}.case-study h2{font-size:clamp(1.1rem,2.5vw,1.4rem);font-weight:700;line-height:1.4;text-align:center}.roles_tools{display:flex;justify-content:center;align-items:start;gap:1rem;flex-wrap:wrap;border-radius:10px;background-color:#fac775;border:1.2px solid #BA7517;transition:transform .2s ease,filter .2s ease;position:relative;overflow:hidden;padding:10px}.roles_tools:after{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px;border-radius:6px;border:.8px solid #EF9F27;pointer-events:none}.roles_tools_section{display:flex;flex-direction:column;justify-content:center;align-items:center}.case-study section{display:flex;justify-content:center;align-items:stretch;flex-direction:column;gap:.5rem;width:90%;max-width:var(--max-width);margin:20px auto}.case-study section>div{width:100%}.case-study p{text-align:left}.paragraph_title{font-size:clamp(1rem,2.5vw,1.4rem);font-weight:700;line-height:1.4;text-align:center;margin:30px 0 10px}.project-image{width:200px}.paragraph-image{width:200px;display:block;margin:10px auto}.paragraph-image:hover{transform:scale(3)}.back-to-top{position:fixed;bottom:30px;right:30px;border:none;background:transparent;cursor:pointer;font-size:3rem;color:#333;z-index:1000}.back-to-top:hover{color:red;border:none;box-shadow:none}:root{--color-bg: transparent;--color-text: #1a1a1a;--color-muted: #555;--color-border: rgba(0, 0, 0, .15);--color-accent: #BA7517;--font-main: "Rubik", sans-serif;--space-xs: .5rem;--space-sm: 1rem;--space-md: 2rem;--space-lg: 4rem;--max-width: 900px}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:var(--font-main);font-optical-sizing:auto;color:var(--color-text);--bg-overlay: rgba(255,255,255,.6);background-image:linear-gradient(var(--bg-overlay),var(--bg-overlay)),url(/background.png);background-size:cover;background-repeat:no-repeat;background-attachment:fixed;min-width:320px;min-height:100vh}h1,h2,h3{margin:0}h1{font-size:clamp(1.6rem,4vw,2.4rem)}h2{font-size:clamp(1rem,2.5vw,1.4rem);font-weight:400}h3{font-size:clamp(.95rem,2vw,1.15rem)}p{line-height:1.7;margin:0}a{font-weight:500;color:var(--color-text);text-decoration:none}a:hover{text-decoration:underline}ul{list-style:none;padding:0;margin:0}button{border-radius:8px;border:1px solid var(--color-border);padding:.4em 1em;font-size:.9rem;font-weight:500;font-family:inherit;cursor:pointer;background:transparent;display:inline-flex;align-items:center;gap:.3em;transition:box-shadow .2s}button:hover{box-shadow:inset 0 0 0 2px var(--color-accent)}button:focus-visible{outline:3px auto -webkit-focus-ring-color}.page{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:100vh}