:root{--bg-color:#fff;--text-color:#000;--border-color:#000;--accent-color:#f4f4f4;--font-main:"Helvetica Neue", Helvetica, Arial, sans-serif;--font-mono:"Courier New", Courier, monospace;--radius:8px;--shadow:2px 2px 0 var(--border-color);--transition-fast:.18s ease;--transition-normal:.3s ease;--bg-img:url(/assets/dramatic-scenery-light-COHgTyGZ.avif);--bg-overlay:#ffffff0d}[data-theme=dark]{--bg-color:#000;--text-color:#fff;--border-color:#fff;--accent-color:#1a1a1a;--bg-img:url(/assets/dramatic-scenery-dark-Ck1bl4Z1.avif);--bg-overlay:#0006}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body,button,a,header,nav,.grid-row,.split-row,.project-item,.contact-box,footer{transition:background-color var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast)}body{background:var(--bg-color);color:var(--text-color);font-family:var(--font-main);letter-spacing:.2px;padding:2rem 1rem;line-height:1.7}img{width:100%;max-width:100%;height:auto;display:block}button,input,textarea{font:inherit}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}ul{padding-left:1rem;list-style-position:inside}::selection{background:var(--text-color);color:var(--bg-color)}a:focus-visible,button:focus-visible{outline:2px solid var(--text-color);outline-offset:4px}.container{width:min(100%,760px);margin:auto}.uppercase{text-transform:uppercase;color:var(--text-color)}.bold{font-weight:700}.toggle-container{z-index:999;opacity:.7;position:fixed;bottom:35px;right:35px}#modeButton{background:var(--bg-color);color:var(--text-color);border:2px solid var(--border-color);cursor:pointer;font-family:var(--font-mono);box-shadow:var(--shadow);border-radius:50px;padding:12px 22px;font-weight:700}#modeButton:hover{background:var(--text-color);color:var(--bg-color);transform:translateY(-2px)}#modeButton:active{transform:translateY(0)}header{border-bottom:4px solid var(--border-color);justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:5px;padding-bottom:1px;display:flex}h1{letter-spacing:-1px;font-size:clamp(2rem,5vw,3rem);line-height:1}nav{font-family:var(--font-mono);margin-bottom:5px;font-size:.9rem;font-weight:700}nav a{margin-right:10px}nav span{opacity:.5;margin-right:10px}.grid-row{border:2px solid var(--border-color);grid-template-columns:150px 1fr;margin-bottom:30px;display:grid;overflow:hidden}.grid-image-col{border-right:1px solid var(--border-color);background:#fff;justify-content:center;align-items:center;display:flex;overflow:hidden}.about-icon{object-fit:cover;background-color:#fff;width:100%;height:100%}.grid-content{background-image:var(--bg-img);background-position:50%;background-repeat:no-repeat;background-size:cover;padding:24px;position:relative;overflow:hidden}.grid-content:before{content:"";background:var(--bg-overlay);position:absolute;inset:0}.grid-content p{z-index:1;position:relative}.split-row{border:2px solid var(--border-color);grid-template-columns:1fr 1fr;margin-bottom:2rem;display:grid}.split-col{padding:22px}.split-col:first-child{border-right:1px solid var(--border-color)}.section-header{background:var(--text-color);color:var(--bg-color);padding:7px 12px;font-weight:700}.divider{border:0;border-bottom:1px solid var(--border-color);margin:12px 0}.project-item{border:2px solid var(--border-color);grid-template-columns:180px 1fr;gap:15px;margin-bottom:-2px;padding:18px;display:grid}.project-item:hover{background:var(--accent-color)}.project-title{font-weight:700;display:block}.project-sub{font-family:var(--font-mono);opacity:.75;font-size:.8rem}.contact-box{text-align:center;border:2px solid var(--border-color);margin:3rem 0;padding:70px 20px}.contact-links{flex-wrap:wrap;justify-content:center;gap:18px;margin-top:20px;display:flex}.contact-links a{font-family:var(--font-mono);font-weight:700}footer{font-size:.75rem;font-family:var(--font-mono);opacity:.75;justify-content:space-between;align-items:center;gap:15px;margin-top:30px;display:flex}@media (width<=768px){body{padding:1rem}.container{width:100%;padding-bottom:60px}header{flex-direction:column;align-items:flex-start;gap:12px}h1{font-size:2.2rem}nav{flex-wrap:wrap;gap:8px;margin-bottom:3px;line-height:1.7;display:flex}nav a,nav span{margin-right:0}.grid-row{grid-template-columns:1fr}.grid-image-col{border-bottom:1px solid var(--border-color);border-right:1px solid var(--border-color);width:40%}.grid-content{padding:18px}.split-row{grid-template-columns:1fr}.split-col:first-child{border-right:none;border-bottom:1px solid var(--border-color)}.split-col{padding:18px}.project-item{grid-template-columns:1fr;gap:10px;padding:16px}.contact-box{padding:45px 15px}.contact-links{flex-direction:column;gap:10px}footer{text-align:center;flex-direction:column;gap:10px}.toggle-container{bottom:16px;right:16px}#modeButton{padding:10px 18px;font-size:.9rem}.flower{width:45vw}.flower2{width:40vw}}::view-transition-old(root){mix-blend-mode:normal}::view-transition-new(root){mix-blend-mode:normal}::view-transition-new(root){z-index:9999;animation:.45s forwards newReveal}::view-transition-old(root){z-index:1;animation:.45s forwards oldFade}@keyframes oldFade{0%{filter:blur();opacity:1}to{filter:blur(6px);opacity:.95}}@keyframes newReveal{0%{filter:blur(10px);clip-path:circle(0%)}to{filter:blur();clip-path:circle(150%)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.flower{pointer-events:none;z-index:-1;filter:brightness(110%);width:min(45vw,600px);height:auto;position:fixed;top:0;left:0}.flower2{pointer-events:none;z-index:-1;filter:brightness(90%)contrast(120%)saturate(150%);width:min(30vw,500px);height:auto;position:fixed;bottom:0;right:0;rotate:180deg}