body,h1,h2,h3,h4,h5,h6,p,blockquote,pre,hr,dl,dd,ol,ul,figure{margin:0;padding:0}body{font:400 16px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";color:#dddade;background-color:#171010;-webkit-text-size-adjust:100%;-webkit-font-feature-settings:"kern" 1;-moz-font-feature-settings:"kern" 1;-o-font-feature-settings:"kern" 1;font-feature-settings:"kern" 1;font-kerning:normal;display:flex;min-height:100vh;flex-direction:column}h1,h2,h3,h4,h5,h6,p,blockquote,pre,ul,ol,dl,figure,.highlight{margin-bottom:15px}main{display:block}img{max-width:100%;vertical-align:middle}figure>img{display:block}figcaption{font-size:14px}ul,ol{margin-left:30px}li>ul,li>ol{margin-bottom:0}h1,h2,h3,h4,h5,h6{font-weight:400}a{color:#d7736c;text-decoration:none}a:visited{color:#c23e35}a:hover{color:#dddade;text-decoration:underline}.social-media-list a:hover{text-decoration:none}.social-media-list a:hover .username{text-decoration:underline}blockquote{color:#828282;border-left:4px solid #e8e8e8;padding-left:15px;font-size:18px;letter-spacing:-1px;font-style:italic}blockquote>:last-child{margin-bottom:0}pre,code{font-size:15px;border:1px solid #e8e8e8;border-radius:3px;background-color:#eef}code{padding:1px 5px}pre{padding:8px 12px;overflow-x:auto}pre>code{border:0;padding-right:0;padding-left:0}.wrapper{max-width:-webkit-calc(800px - (30px * 2));max-width:calc(800px - (30px * 2));margin-right:auto;margin-left:auto;padding-right:30px;padding-left:30px}@media screen and (max-width: 800px){.wrapper{max-width:-webkit-calc(800px - (30px));max-width:calc(800px - (30px));padding-right:15px;padding-left:15px}}.wrapper:after,.footer-col-wrapper:after{content:"";display:table;clear:both}.svg-icon{width:16px;height:16px;display:inline-block;fill:#828282;padding-right:5px;vertical-align:text-top}.social-media-list li+li{padding-top:5px}table{margin-bottom:30px;width:100%;text-align:left;color:#fff;border-collapse:collapse;border:1px solid #e8e8e8}table tr:nth-child(even){background-color:#f7f7f7}table th,table td{padding:10px 15px}table th{background-color:#f0f0f0;border:1px solid #dedede;border-bottom-color:#c9c9c9}table td{border:1px solid #e8e8e8}.site-header{border-top:5px solid #424242;border-bottom:1px solid #e8e8e8;min-height:55.95px;position:relative}.site-title{font-size:26px;font-weight:300;line-height:54px;letter-spacing:-1px;margin-bottom:0;float:left}.site-title,.site-title:visited{color:#424242}.site-nav{float:right;line-height:54px}.site-nav .nav-trigger{display:none}.site-nav .menu-icon{display:none}.site-nav .page-link{color:#dddade;line-height:1.5}.site-nav .page-link:not(:last-child){margin-right:20px}@media screen and (max-width: 600px){.site-nav{position:absolute;top:9px;right:15px;background-color:#171010;border:1px solid #e8e8e8;border-radius:5px;text-align:right}.site-nav label[for="nav-trigger"]{display:block;float:right;width:36px;height:36px;z-index:2;cursor:pointer}.site-nav .menu-icon{display:block;float:right;width:36px;height:26px;line-height:0;padding-top:10px;text-align:center}.site-nav .menu-icon>svg{fill:#424242}.site-nav input ~ .trigger{clear:both;display:none}.site-nav input:checked ~ .trigger{display:block;padding-bottom:5px}.site-nav .page-link{display:block;padding:5px 10px;margin-left:20px}.site-nav .page-link:not(:last-child){margin-right:0}}.site-footer{border-top:1px solid #e8e8e8;padding:30px 0}.footer-heading{font-size:18px;margin-bottom:15px}.contact-list,.social-media-list{list-style:none;margin-left:0}.footer-col-wrapper{font-size:15px;color:#828282;margin-left:-15px}.footer-col{float:left;margin-bottom:15px;padding-left:15px}.footer-col-1{width:-webkit-calc(35% - (30px / 2));width:calc(35% - (30px / 2))}.footer-col-2{width:-webkit-calc(20% - (30px / 2));width:calc(20% - (30px / 2))}.footer-col-3{width:-webkit-calc(45% - (30px / 2));width:calc(45% - (30px / 2))}@media screen and (max-width: 800px){.footer-col-1,.footer-col-2{width:-webkit-calc(50% - (30px / 2));width:calc(50% - (30px / 2))}.footer-col-3{width:-webkit-calc(100% - (30px / 2));width:calc(100% - (30px / 2))}}@media screen and (max-width: 600px){.footer-col{float:none;width:-webkit-calc(100% - (30px / 2));width:calc(100% - (30px / 2))}}.page-content{padding:30px 0;flex:1}.page-heading{font-size:32px}.post-list-heading{font-size:28px}.post-list{margin-left:0;list-style:none}.post-list>li{margin-bottom:30px}.post-meta{font-size:14px;color:#828282}.post-link{display:block;font-size:24px}.post-header{margin-bottom:30px}.post-title{font-size:42px;letter-spacing:-1px;line-height:1}@media screen and (max-width: 800px){.post-title{font-size:36px}}.post-content{margin-bottom:30px}.post-content h2{font-size:32px}@media screen and (max-width: 800px){.post-content h2{font-size:28px}}.post-content h3{font-size:26px}@media screen and (max-width: 800px){.post-content h3{font-size:22px}}.post-content h4{font-size:20px}@media screen and (max-width: 800px){.post-content h4{font-size:18px}}.highlight{background:#fff}.highlighter-rouge .highlight{background:#eef}.highlight .c{color:#998;font-style:italic}.highlight .err{color:#a61717;background-color:#e3d2d2}.highlight .k{font-weight:bold}.highlight .o{font-weight:bold}.highlight .cm{color:#998;font-style:italic}.highlight .cp{color:#999;font-weight:bold}.highlight .c1{color:#998;font-style:italic}.highlight .cs{color:#999;font-weight:bold;font-style:italic}.highlight .gd{color:#000;background-color:#fdd}.highlight .gd .x{color:#000;background-color:#faa}.highlight .ge{font-style:italic}.highlight .gr{color:#a00}.highlight .gh{color:#999}.highlight .gi{color:#000;background-color:#dfd}.highlight .gi .x{color:#000;background-color:#afa}.highlight .go{color:#888}.highlight .gp{color:#555}.highlight .gs{font-weight:bold}.highlight .gu{color:#aaa}.highlight .gt{color:#a00}.highlight .kc{font-weight:bold}.highlight .kd{font-weight:bold}.highlight .kp{font-weight:bold}.highlight .kr{font-weight:bold}.highlight .kt{color:#458;font-weight:bold}.highlight .m{color:#099}.highlight .s{color:#d14}.highlight .na{color:teal}.highlight .nb{color:#0086B3}.highlight .nc{color:#458;font-weight:bold}.highlight .no{color:teal}.highlight .ni{color:purple}.highlight .ne{color:#900;font-weight:bold}.highlight .nf{color:#900;font-weight:bold}.highlight .nn{color:#555}.highlight .nt{color:navy}.highlight .nv{color:teal}.highlight .ow{font-weight:bold}.highlight .w{color:#bbb}.highlight .mf{color:#099}.highlight .mh{color:#099}.highlight .mi{color:#099}.highlight .mo{color:#099}.highlight .sb{color:#d14}.highlight .sc{color:#d14}.highlight .sd{color:#d14}.highlight .s2{color:#d14}.highlight .se{color:#d14}.highlight .sh{color:#d14}.highlight .si{color:#d14}.highlight .sx{color:#d14}.highlight .sr{color:#009926}.highlight .s1{color:#d14}.highlight .ss{color:#990073}.highlight .bp{color:#999}.highlight .vc{color:teal}.highlight .vg{color:teal}.highlight .vi{color:teal}.highlight .il{color:#099}:root{color-scheme:dark;--brand-color: #d7736c;--brand-color-dark: #832018;--text-color: #dddade;--text-color-light: #bdb3b5;--background-color: #171010;--border-color: #4a2a28;--panel-color: #241817;--accent-color: #f0c1bd;--header-bg: rgba(23, 16, 16, 0.96);--body-bg-a: rgba(215, 115, 108, 0.2);--body-bg-b: rgba(131, 32, 24, 0.34);--soft-surface: rgba(36, 24, 23, 0.82);--post-surface: rgba(23, 16, 16, 0.72);--brand-border-strong: rgba(215, 115, 108, 0.35);--brand-border: rgba(215, 115, 108, 0.26);--brand-border-soft: rgba(215, 115, 108, 0.2);--brand-wash: rgba(215, 115, 108, 0.16);--brand-wash-soft: rgba(215, 115, 108, 0.12);--accent-border: rgba(240, 193, 189, 0.55);--media-border: rgba(240, 193, 189, 0.34);--heading-color: #ffffff}:root[data-theme="light"]{color-scheme:light;--brand-color: #b84f48;--brand-color-dark: #832018;--text-color: #2f2020;--text-color-light: #6d5755;--background-color: #f8f3f2;--border-color: #e2c9c5;--panel-color: #fffafa;--accent-color: #832018;--header-bg: rgba(255, 250, 250, 0.96);--body-bg-a: rgba(215, 115, 108, 0.2);--body-bg-b: rgba(240, 193, 189, 0.46);--soft-surface: rgba(255, 250, 250, 0.88);--post-surface: rgba(255, 250, 250, 0.86);--brand-border-strong: rgba(131, 32, 24, 0.22);--brand-border: rgba(131, 32, 24, 0.2);--brand-border-soft: rgba(131, 32, 24, 0.14);--brand-wash: rgba(215, 115, 108, 0.14);--brand-wash-soft: rgba(215, 115, 108, 0.1);--accent-border: rgba(131, 32, 24, 0.36);--media-border: rgba(131, 32, 24, 0.28);--heading-color: #261616}body{background:radial-gradient(circle at 12% 0%, var(--body-bg-a), transparent 28rem),linear-gradient(135deg, var(--body-bg-b) 0%, transparent 42%),var(--background-color);color:var(--text-color)}.site-header{position:relative;z-index:1000;border-top:4px solid var(--accent-color);border-bottom:1px solid var(--brand-border-strong);background:var(--header-bg);box-shadow:0 10px 30px rgba(0,0,0,0.22)}.wrapper{max-width:1040px}.site-title{font-size:26px;font-weight:800;line-height:54px;letter-spacing:0;margin-bottom:0;float:left}.site-title,.site-title:visited{color:var(--text-color)}.site-title::after{content:"web developer";display:inline-block;margin-left:0.65rem;padding:0.18rem 0.45rem;border:1px solid var(--accent-border);border-radius:999px;color:var(--accent-color);font-size:0.72rem;font-weight:700;line-height:1;vertical-align:middle}.menu-icon svg path{fill:var(--brand-color);stroke:var(--brand-color)}.page-content{padding-top:37.5px}.post,.home,.blog{position:relative}.post::before,.home::before,.blog::before{content:"";display:block;width:72px;height:4px;margin-bottom:30px;border-radius:999px;background:linear-gradient(90deg, var(--accent-color), var(--brand-color), var(--brand-color-dark))}.page-heading{font-size:38.4px;margin-bottom:30px;color:var(--heading-color)}.post-content h2{margin-top:45px}h1,h2,h3{letter-spacing:0}a{color:var(--brand-color);text-underline-offset:0.18em}a:visited{color:var(--brand-color-dark)}a:hover,a:focus{color:var(--accent-color)}.site-nav .page-link{color:var(--text-color);font-weight:700;letter-spacing:0}.site-nav .page-link:visited{color:var(--text-color)}.site-nav .page-link:hover,.site-nav .page-link:focus{color:var(--accent-color)}.site-nav{background-color:transparent;z-index:1001}table{color:var(--text-color);border-color:var(--brand-border-soft)}table tr:nth-child(even),table th{background-color:var(--panel-color)}table th,table td{border-color:var(--brand-border-soft)}.experience-meta{display:block;margin:15px 0 30px;padding:0.8rem 1rem;border:1px solid var(--brand-border-soft);border-left:4px solid var(--brand-color);border-radius:8px;background-color:var(--soft-surface);color:var(--text-color)}.experience-meta strong,.experience-meta span{color:var(--text-color)}.experience-meta strong{display:block}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:0.4rem;min-height:36px;padding:0.35rem 0.65rem;border:1px solid var(--brand-border-strong);border-radius:999px;background:var(--brand-wash-soft);color:var(--text-color);cursor:pointer;font:inherit;font-size:0.9rem;font-weight:700;line-height:1;transition:background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, transform 0.2s ease}.theme-toggle:hover,.theme-toggle:focus{border-color:var(--accent-color);color:var(--accent-color);transform:translateY(-1px)}.theme-toggle-icon{position:relative;display:inline-block;width:1rem;height:1rem;border:2px solid currentColor;border-radius:999px;background:currentColor}.theme-toggle-icon::after{content:"";position:absolute;top:-2px;right:-2px;width:0.62rem;height:0.62rem;border-radius:999px;background:var(--header-bg)}:root[data-theme="light"] .theme-toggle-icon{background:transparent}:root[data-theme="light"] .theme-toggle-icon::after{display:none}.cta-row,.project-actions{display:flex;flex-wrap:wrap;gap:15px;margin:30px 0}.button-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0.5rem 0.85rem;border:1px solid var(--brand-color);border-radius:6px;background-color:var(--brand-color);color:var(--background-color);font-weight:700;line-height:1.2;text-decoration:none !important;transition:background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, transform 0.2s ease}.button-link:visited{color:var(--background-color)}.button-link:hover,.button-link:focus{background-color:var(--brand-color-dark);border-color:var(--brand-color-dark);color:#ffffff;transform:translateY(-1px)}.button-link-secondary{background-color:transparent;color:var(--brand-color)}.button-link-secondary:visited{color:var(--brand-color)}.button-link-secondary:hover,.button-link-secondary:focus{background-color:var(--brand-wash);color:var(--text-color)}.featured-grid{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:15px;margin:30px 0}.featured-grid>li{list-style:none}.feature-card{display:block;min-height:130px;padding:20px;border:1px solid var(--brand-border);border-radius:8px;color:var(--text-color);text-decoration:none !important;background:linear-gradient(180deg, var(--brand-wash-soft), transparent),var(--panel-color);box-shadow:inset 0 1px 0 rgba(255,255,255,0.04)}.feature-card:visited{color:var(--text-color)}.feature-card:hover,.feature-card:focus{border-color:var(--accent-color);color:var(--text-color)}.feature-card strong,.feature-card span{display:block}.feature-card strong{margin-bottom:0.35rem;color:var(--accent-color)}.feature-card span{color:var(--text-color-light)}.project-summary{display:grid;grid-template-columns:minmax(0, 1fr) minmax(140px, 180px);gap:30px;align-items:start;margin:15px 0 30px;padding:20px;border:1px solid var(--brand-border);border-radius:8px;background-color:var(--soft-surface)}.project-summary p:last-child{margin-bottom:0}.project-actions{justify-content:flex-end;margin-top:0}.project-actions .button-link{min-width:140px;height:44px;min-height:44px;padding:0.45rem 0.7rem;box-sizing:border-box;font-size:0.95rem;line-height:1}.project-media{display:block;width:100%;border:1px solid var(--media-border);border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,0.35)}.cert-list{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:20px;margin:15px 0 30px}.cert-list>li{list-style:none;padding:22.2222222222px;border:1px solid var(--brand-border);border-radius:8px;background:linear-gradient(180deg, var(--brand-wash-soft), transparent),var(--panel-color);box-shadow:inset 0 1px 0 rgba(255,255,255,0.04)}.cert-list strong{display:block;margin-top:0.85rem;margin-bottom:0.25rem;color:var(--accent-color)}.cert-image{display:block;width:100%;height:150px;margin:0 auto;object-fit:contain}.cert-image-logo{max-width:130px}.cert-image-certificate{max-width:300px;border:1px solid var(--media-border);border-radius:6px;background:#ffffff}.post-list{display:grid;gap:20px;margin-left:0}.post-list>li{list-style:none;padding:22.2222222222px;border:1px solid var(--brand-border);border-radius:8px;background:linear-gradient(90deg, var(--brand-wash), transparent 42%),var(--panel-color)}.post-list h3{margin-bottom:0}.post-list .post-excerpt,.post-list p{color:var(--text-color-light)}.post-link{color:var(--text-color);font-weight:800}.post-link:visited{color:var(--text-color)}.post-link:hover,.post-link:focus{color:var(--accent-color)}.post-meta{color:var(--accent-color);font-weight:700}.post-content{padding:22.2222222222px;border:1px solid var(--brand-border-soft);border-radius:8px;background-color:var(--post-surface)}.post-navigation{display:flex;justify-content:space-between;align-items:center;margin-top:3rem;padding-top:2rem;border-top:1px solid var(--brand-color)}.post-navigation .nav-link{color:var(--brand-color);text-decoration:none}.post-navigation .nav-link:hover{text-decoration:underline}.post-navigation .nav-back{margin:0 auto}.resume-download{display:flex;justify-content:center;align-items:center;max-width:520px;height:52px;min-height:44px;padding:0.5rem 1rem;box-sizing:border-box;background-color:var(--brand-color);color:var(--background-color);border-radius:6px;font-weight:600;margin:60px auto;transition:all 0.3s ease}.resume-download:hover,.resume-download:focus{background-color:var(--brand-color-dark);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.2);color:#ffffff}.resume-download,.resume-download:visited{color:var(--background-color);text-decoration:none !important}.hero-image{max-width:260px;width:100%;height:auto;border:3px solid var(--accent-color);border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,0.35);margin:0 0 30px 30px;transition:transform 0.25s ease;display:block;float:right}.hero-image:hover{transform:rotate(2deg) scale(1.02)}@media screen and (min-width: 701px) and (max-width: 1050px){.site-header .wrapper{display:flex;flex-wrap:wrap;align-items:center;gap:0 30px}.site-title{flex:1 1 100%;line-height:1.35;padding-top:20px}.site-nav{float:none;flex:1 1 100%;line-height:1.5;padding-bottom:20px}.site-nav .trigger{display:flex;align-items:center;gap:20px}.site-nav .page-link{margin-right:0 !important;white-space:nowrap}.theme-toggle{flex:0 0 auto;width:auto;margin-left:auto}}@media screen and (max-width: 700px){.page-heading,h1,h2{text-align:center}.page-heading{font-size:32px}.hero-image{float:none;display:block;margin:30px auto;max-width:220px}.site-title{font-size:1.3rem}.site-title::after{display:none}.resume-download{margin:30px 0}.cta-row,.project-actions{flex-direction:column}.button-link,.project-actions .button-link{height:auto;min-height:44px;padding:0.65rem 1rem;width:100%;box-sizing:border-box}.featured-grid,.project-summary,.cert-list{grid-template-columns:1fr}.feature-card{min-height:0}.project-actions{min-width:0}.project-summary,.post-content,.post-list>li,.cert-list>li{padding:15px}.cert-image{height:130px}.experience-meta{display:block;text-align:left}.experience-meta span{display:block;margin-top:0.25rem}}@media screen and (max-width: 600px){.site-nav{z-index:1002;background-color:var(--header-bg);border-color:var(--brand-border-strong)}.site-nav .trigger{position:relative;z-index:1003;pointer-events:auto}.site-nav .page-link{position:relative;z-index:1004;color:var(--text-color);min-height:44px;padding-top:0.6rem;padding-bottom:0.6rem}.site-nav .page-link:visited{color:var(--text-color)}.site-nav .page-link:hover,.site-nav .page-link:focus{background-color:var(--brand-wash-soft);color:var(--accent-color)}.theme-toggle{position:relative;z-index:1004;justify-content:center;width:auto;min-width:88px;min-height:40px;margin:6px 10px 8px auto;padding:0.45rem 0.7rem}}