.hidden{display:none!important}.page-content{padding:22px;margin:0}.page-content p,.page-content li{line-height:1.8;font-size:1rem;color:var(--text)}.intro-paragraph{margin-bottom:1.5em}.intro-paragraph strong{color:color-mix(in oklab,var(--brand) 70%,var(--brand-2));font-weight:700}.section-heading-alt{color:var(--heading, var(--text));font-weight:700;font-size:1.4em;margin-top:30px;margin-bottom:10px;border-bottom:none}.project-card{border:1px solid var(--border);padding:15px;margin-bottom:20px;background:var(--chrome-top);border-radius:6px}.project-card h3{margin-top:0;color:var(--text);font-size:1.3em;border-bottom:none}.hero{text-align:center;padding:10px 0 18px}.hero-title{margin:0 0 6px;color:var(--heading, var(--text))}.hero-subtitle{color:var(--muted);margin:0 0 14px}.hero-actions{display:inline-flex;gap:10px;flex-wrap:wrap}.gradient-text{color:var(--brand)}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin:10px 0 18px}.feature-card{display:block;padding:14px;border-radius:12px;border:1px solid var(--border);background:var(--chrome-top);text-decoration:none}.feature-card h3{margin:0 0 6px}.feature-card p{margin:0;color:var(--muted)}.feature-card:hover{box-shadow:0 12px 24px #00000038;transform:translateY(-2px);transition:all .12s ease}@media (min-width: 886px){.hero-actions{display:none}}@media (max-width: 885px){.hero-actions{width:100%;justify-content:center}.feature-grid{display:none}.job-entry,.education-entry,.additional-entry{padding-left:4px;margin-bottom:12px;font-size:.98em}.resume-divider{margin:12px 0}.page-content{padding:16px}.intro-paragraph{font-size:1em;margin-top:0!important}h1,h2,h3{font-size:1.5em}.intro-image-container{margin:8px 0 16px}.paragraph-before-gif{margin-bottom:10px}#root{max-width:99vw!important}.site-title-link{font-size:36px!important}}.project-showcase-container{display:grid;grid-template-columns:1fr;gap:var(--space-5);margin-top:var(--space-4)}.project-entry-card{background:var(--chrome-top);border:1px solid var(--border);border-radius:14px;padding:var(--space-5);display:flex;flex-direction:column;box-shadow:0 8px 20px #00000038;transition:transform var(--press-dur, .15s) ease,box-shadow var(--press-dur, .15s) ease}@media (min-width: 900px){.project-entry-card{display:grid;grid-template-columns:clamp(260px,36%,380px) 1fr;grid-template-areas:"media details" "media details";align-items:start;gap:var(--space-6)}.project-thumbnail-link{grid-area:media;margin-bottom:0}.project-details{grid-area:details;display:flex;flex-direction:column;gap:var(--space-3);max-width:62ch}}.project-entry-card:hover{transform:translateY(-2px);box-shadow:0 14px 28px #00000047}@media (prefers-reduced-motion: reduce){.project-entry-card{transition:box-shadow var(--press-dur, .15s) ease}.project-entry-card:hover{transform:none}}.project-thumbnail-link{display:block;margin-bottom:12px;border-radius:12px;overflow:hidden;border:1px solid var(--border)}.project-thumbnail{width:100%;aspect-ratio:16 / 9;object-fit:cover;display:block}.project-details{display:flex;flex-direction:column;gap:10px}.project-details h3{margin:0 0 4px;border-bottom:none;font-weight:800;letter-spacing:-.01em;line-height:1.25;color:color-mix(in oklab,var(--text) 85%,var(--brand-2) 15%)}.project-details h3 a{color:inherit;text-decoration:none}.project-details h3 a:hover{text-decoration:underline;text-decoration-color:color-mix(in oklab,var(--brand) 60%,var(--brand-2) 40%)}.project-description{color:var(--muted);margin:2px 0 4px;max-width:62ch}.project-link-button{display:inline-flex;align-self:start;padding:12px 20px;font-size:15px;margin-top:var(--space-2)}.project-tags-row{display:none}@media (min-width: 900px){.project-tags-row{display:none}}.tag-badge{padding:6px 12px;border-radius:999px;font-size:12px;font-weight:700;border:1px solid var(--border)}.tech-tag{background:color-mix(in oklab,var(--brand-2) 15%,transparent);color:var(--text)}.category-tag{background:color-mix(in oklab,var(--brand) 12%,transparent);color:var(--text)}.project-tags{display:none}@media (max-width: 885px){.project-showcase-container{grid-template-columns:1fr;gap:var(--space-4)}.project-entry-card{padding:var(--space-4)}}.page-content{padding:20px;max-width:900px;margin:0 auto}.resume-header{text-align:center;margin-bottom:30px;padding:24px;background:var(--chrome-top);border:1px solid var(--border);border-radius:16px;box-shadow:0 8px 24px #0000001f}.resume-header h2{font-size:2.5em;margin-bottom:16px;color:var(--brand)}.resume-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:16px}.resume-contact-card{background:var(--chrome-top);border:1px solid var(--border);border-radius:16px;padding:24px;margin-bottom:24px;text-align:center;box-shadow:0 6px 20px #00000014;position:relative}.resume-name{font-size:2em;color:var(--text);margin-bottom:16px;font-weight:800}.contact-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.copy-feedback{position:absolute;bottom:-30px;left:50%;transform:translate(-50%);background:var(--brand);color:#fff;padding:4px 12px;border-radius:6px;font-size:12px;animation:fadeInOut 2s ease-in-out}@keyframes fadeInOut{0%,to{opacity:0;transform:translate(-50%) translateY(10px)}20%,80%{opacity:1;transform:translate(-50%) translateY(0)}}.resume-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:16px;margin-bottom:24px}.stat-item{text-align:center;padding:16px;background:var(--chrome-top);border:1px solid var(--border);border-radius:12px;transition:transform .2s ease}.stat-item:hover{transform:translateY(-2px)}.stat-number{font-size:2em;font-weight:800;color:var(--brand);line-height:1}.stat-label{font-size:12px;color:var(--muted);margin-top:4px;font-weight:600}.resume-filter{margin-bottom:24px;display:flex;flex-direction:column;gap:16px}.filter-input{width:100%;padding:12px 16px;border:1px solid var(--border);border-radius:12px;background:var(--panel);color:var(--text);font-size:16px;outline:none;transition:all .2s ease}.filter-input:focus{border-color:var(--brand);box-shadow:0 0 0 4px var(--ring)}.category-filters{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:6px;margin-bottom:16px}.filter-label{font-size:14px;color:var(--muted);font-weight:600;white-space:nowrap;margin-right:4px}.filter-results{font-size:14px;color:var(--muted);font-style:italic;text-align:center;padding:8px}.no-results{text-align:center;padding:40px 20px;background:var(--chrome-top);border:1px solid var(--border);border-radius:12px;color:var(--muted)}.no-results p{margin-bottom:16px;font-size:16px}.resume-section{margin-bottom:32px}.resume-section h4{font-size:1.8em;color:var(--heading, var(--text));margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid var(--border);position:relative}.resume-section h4:after{content:"";position:absolute;bottom:-2px;left:0;width:60px;height:2px;background:var(--brand)}.summary-card{background:var(--chrome-top);border:1px solid var(--border);border-radius:12px;padding:20px;box-shadow:0 4px 16px #00000014}.summary-card p{margin:0;line-height:1.7;color:var(--text)}.experience-container{position:relative}.job-entry{background:var(--chrome-top);border:1px solid var(--border);border-radius:12px;padding:20px;margin-bottom:20px;box-shadow:0 4px 16px #00000014;transition:all .2s ease;position:relative}.job-entry:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001f}.job-header{display:flex;flex-direction:column;gap:8px}.job-entry h5{color:var(--brand);font-size:1.3em;margin:0;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-weight:700}.toggle-icon{font-size:.8em;color:var(--brand-2);transition:transform .2s ease}.job-meta{display:flex;flex-direction:column;gap:8px}.job-meta p{margin:0;color:var(--muted);font-size:14px}.job-meta strong{color:var(--text);font-weight:600}.job-meta a{color:var(--brand);text-decoration:none}.job-meta a:hover{text-decoration:underline}.job-tags{display:flex;gap:6px;flex-wrap:wrap}.tag{padding:4px 10px;border-radius:999px;font-size:12px;font-weight:700;border:1px solid var(--border);background:color-mix(in oklab,var(--brand) 15%,transparent);color:var(--text)}.job-details{list-style:disc;padding-left:1.2em;margin:16px 0 0;animation:expandDetails .3s ease-out}.job-details li{padding:6px 0;position:static;line-height:1.6;color:var(--text)}.job-details li:before{content:none}.job-details li::marker{color:var(--muted);font-size:.9em}@keyframes expandDetails{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.skills-visualization{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.skill-category{background:var(--chrome-top);border:1px solid var(--border);border-radius:12px;padding:20px;box-shadow:0 4px 16px #00000014}.skill-category h5{margin:0 0 16px;color:var(--brand);font-size:1.2em;font-weight:700}.skill-bars{display:flex;flex-direction:column;gap:12px}.skill-item{display:flex;flex-direction:column;gap:4px}.skill-header{display:flex;justify-content:space-between;align-items:center}.skill-name{font-size:14px;color:var(--text);font-weight:500}.skill-percentage{font-size:12px;color:var(--brand);font-weight:600}.skill-bar{height:6px;background:var(--border);border-radius:3px;overflow:hidden;position:relative}.skill-fill{height:100%;background:color-mix(in oklab,var(--brand) 60%,var(--brand-2));border-radius:3px;animation:fillSkill 1.5s ease-out;position:relative}.skill-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:none;animation:shimmer 2s infinite}@keyframes fillSkill{0%{width:0%!important}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.education-entry{background:var(--chrome-top);border:1px solid var(--border);border-radius:12px;padding:20px;box-shadow:0 4px 16px #00000014}.education-entry h5{color:var(--brand);font-size:1.2em;margin:0 0 8px;font-weight:700}.education-entry p{margin:0;color:var(--text);line-height:1.6}.recommendations{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.recommendation-card{background:var(--chrome-top);border:1px solid var(--border);border-radius:12px;padding:20px;box-shadow:0 4px 16px #00000014;position:relative;transition:transform .2s ease}.recommendation-card:hover{transform:translateY(-2px)}.quote-mark{font-size:3em;color:var(--brand);opacity:.3;line-height:1;margin-bottom:8px}.recommendation-card p{margin:0 0 12px;line-height:1.6;color:var(--text);font-style:italic}.recommendation-source{font-size:12px;color:var(--brand);font-weight:600;text-transform:uppercase;letter-spacing:.5px}@media print{.resume-actions,.resume-filter,.copy-feedback{display:none!important}.page-content{max-width:none;padding:0;margin:0}.job-entry,.skill-category,.education-entry,.recommendation-card{break-inside:avoid;margin-bottom:16px}.skill-fill{animation:none}.timeline-line{display:none}.job-entry.timeline-item:before{display:none}}@media (max-width: 768px){.page-content{padding:16px}.resume-actions{flex-direction:column;align-items:center}.contact-actions{flex-direction:column}.resume-stats{grid-template-columns:repeat(2,1fr)}.skills-visualization,.recommendations{grid-template-columns:1fr}.experience-container.timeline{padding-left:20px}.timeline-line{left:10px}.job-entry.timeline-item:before{left:-31px}.category-filters{justify-content:center}.filter-label{width:100%;text-align:center}}@media (max-width: 480px){.resume-header h2{font-size:2em}.resume-name{font-size:1.6em}.resume-stats{grid-template-columns:1fr}.stat-number{font-size:1.5em}}.experience-container.timeline{all:unset}.timeline-line{display:none!important}.job-entry.timeline-item{all:unset}.job-entry.timeline-item:before{display:none!important;content:none!important}.guestbook-form{border:1px solid var(--border);padding:16px;margin:16px 0;border-radius:14px;background:var(--chrome-top)}.form-group{margin-bottom:14px}.form-group label{display:block;margin-bottom:6px;color:var(--muted);font-weight:700}.form-group input[type=text],.form-group input[type=url],.form-group textarea{border-radius:12px;border:1px solid var(--border);background:var(--panel);color:var(--text)}.form-group textarea{resize:vertical}.success-message{color:var(--success);border:1px solid var(--success-border);background:var(--success-bg);border-radius:10px;font-weight:700;text-align:center;margin-top:10px;padding:8px}.error-message{color:var(--error);border:1px solid var(--error-border);background:var(--error-bg);border-radius:10px;font-weight:700;text-align:center;margin-top:10px;padding:8px}.guestbook-divider{border:none;height:1px;background:var(--border);margin:22px 0}.guestbook-entries{margin-top:20px}.guestbook-entry{border:1px solid var(--border);border-radius:12px;padding:14px;background:var(--panel);margin:10px 0}.guestbook-entry .entry-meta{color:var(--muted);border-bottom:1px dashed var(--border);padding-bottom:6px;margin-bottom:8px}.guestbook-entry .entry-meta strong,.guestbook-entry .entry-message{color:var(--text)}.hidden-field{position:absolute;left:-5000px}:root{--bg: #fff7fa;--panel: #fffafc;--panel-2: #fff1f6;--text: #1d1220;--muted: #7a5a66;--brand: #ff3e8a;--brand-2: #ff8fc0;--ring: rgba(255, 62, 138, .35);--border: #f1d5e4;--heading: #14080e;--marquee-duration: 20s;--marquee-distance: 100%;--chrome-top: linear-gradient(180deg, #ffe7f3, #ffd6ea 55%, #ffc6e4);--chrome-accent: color-mix(in oklab, var(--brand) 62%, var(--brand-2));--success: #16a34a;--success-border: color-mix(in oklab, var(--success) 35%, var(--panel-2));--success-bg: color-mix(in oklab, var(--success) 8%, transparent);--error: #dc2626;--error-border: color-mix(in oklab, var(--error) 35%, var(--panel-2));--error-bg: color-mix(in oklab, var(--error) 8%, transparent);--press-scale: .97;--press-dur: .15s;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 32px;--space-8: 40px}@media (prefers-color-scheme: dark){:root{--bg: #140a10;--panel: #1b1217;--panel-2: #23161c;--text: #f7f2f7;--muted: #c9a1b3;--border: #5b3546;--heading: #fff5f9;--chrome-top: linear-gradient(180deg, #451a2d, #381826 55%, #2f1a24)}}*{box-sizing:border-box}html,body,#root{height:100%}html,body{overflow-x:hidden}#root{overflow-x:clip}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;padding-bottom:var(--space-5)}#root{width:100%;max-width:1000px;margin:32px auto;padding:0 24px;display:grid;grid-template-rows:auto 1fr auto;gap:20px}body{align-items:flex-start}#root{height:auto;min-height:calc(100vh - var(--space-5))}body{padding-bottom:0}#root:after{display:none}h1,h2,h3,h4,h5{font-weight:700;letter-spacing:-.02em;color:var(--heading, var(--text));margin:0}h1{font-size:clamp(30px,6vw,42px)}h2{font-size:clamp(22px,3.5vw,28px)}h3{font-size:clamp(18px,2.8vw,22px)}a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline;text-decoration-color:color-mix(in oklab,var(--brand) 60%,var(--brand-2))}.panel{background:var(--panel);border:1px solid var(--border);border-radius:14px;box-shadow:0 6px 20px #00000014}.panel{position:relative}.panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 1px #ffffff80,inset 0 -1px #ffffff59}.main-header{isolation:isolate}.main-header+main.panel:before{box-shadow:inset 0 -1px #fff9}.main-header{z-index:1000}.main-header.panel{overflow:visible;padding-bottom:0}.panel{position:relative;z-index:0}.panel:before{z-index:0}.main-header{position:sticky;top:12px;z-index:2000;isolation:isolate}.main-header+main.panel:before{content:none}.main-header+main.panel{margin-top:0}.main-header.panel{background:var(--chrome-top);border:1px solid var(--border);border-radius:14px;background-clip:padding-box;overflow:visible;padding:12px 16px}.main-header.panel:before{display:none}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0;min-height:60px;flex-wrap:wrap;row-gap:8px;position:relative;z-index:1}.brand-row{display:flex;align-items:center;gap:12px;flex:1 1 auto;min-width:220px}.site-main-title{margin:0}.site-title-link{display:inline-flex;align-items:center;gap:10px;font-weight:800;font-size:clamp(22px,4.5vw,30px);color:var(--text);text-decoration:none}.site-title-link .badge{font-size:11px;font-weight:700;display:inline-grid;place-items:center;height:22px;padding:0 10px;border-radius:11px;background:var(--chrome-accent);color:#fff;border:1px solid color-mix(in oklab,var(--brand) 40%,white 60%);box-shadow:0 1px #ffffffb3 inset,0 1px 6px #ec48994d}.window-controls{display:inline-flex;gap:6px;margin-left:4px}.window-controls .wc{width:8px;height:8px;border-radius:50%;display:inline-block;background:radial-gradient(circle at 30% 30%,#fff8,transparent 55%),var(--chrome-accent);border:1px solid color-mix(in oklab,var(--brand) 40%,black 12%);box-shadow:0 1px #fffc inset,0 1px 2px #00000014;opacity:.75}.main-header .main-nav{--pill-h: 30px;flex:1 1 auto;display:flex;justify-content:flex-end}.main-header .main-nav ul{list-style:none;display:flex;gap:8px;margin:0;padding:0;align-items:center;flex-wrap:wrap}.main-header .main-nav a{display:inline-flex;align-items:center;justify-content:center;height:var(--pill-h);line-height:1;padding:0 14px;border-radius:calc(var(--pill-h) / 2);font-weight:700;font-size:15px;color:var(--text);background:transparent;border:1px solid transparent;text-decoration:none}.main-header .main-nav a:hover{background:color-mix(in oklab,var(--panel) 80%,var(--brand-2) 20%);text-decoration:none}.main-header .main-nav a.active{background:color-mix(in oklab,var(--brand-2) 35%,var(--panel) 65%);border-color:color-mix(in oklab,var(--border) 55%,var(--brand) 45%);box-shadow:none}footer.footer{padding:0;color:var(--muted);font-size:14px;margin-bottom:0}footer.footer.panel{border:1px solid var(--border);padding:0;background:linear-gradient(180deg,var(--panel),var(--panel-2));background-clip:padding-box}footer.footer.panel:before{display:none}.footer-inner{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:8px 12px}.quote{color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:70ch}.retro-marquee .marquee{position:relative;overflow:hidden;width:100%;min-height:var(--marquee-h, 44px);background:transparent;border-radius:inherit;height:100%}.retro-marquee .marquee__track{position:absolute;left:100%;top:50%;transform:translateY(-50%) translate(var(--marquee-x-start, 0px));white-space:nowrap;will-change:transform;pointer-events:none;animation-name:marquee-run;animation-timing-function:linear;animation-iteration-count:1;animation-duration:var(--marquee-dur, 20s);text-shadow:0 1px 0 color-mix(in oklab,var(--panel) 60%,var(--brand-2) 40%)}@keyframes marquee-run{0%{transform:translateY(-50%) translate(var(--marquee-x-start, 0px))}to{transform:translateY(-50%) translate(var(--marquee-x-end, calc(-100vw - 100%) ))}}@media (prefers-reduced-motion: reduce){html:not(.allow-motion) .retro-marquee .marquee{display:grid;place-items:center;min-height:var(--marquee-h, 44px)}html:not(.allow-motion) .retro-marquee .marquee__track{animation:none;position:static;transform:none;white-space:normal}}.page-content{padding:20px}.page{padding:16px}.button,.geocities-button,.project-link-button,.submit-button{--btn-bg: color-mix(in oklab, var(--brand) 50%, var(--brand-2));--btn-fg: white;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border-radius:999px;border:1px solid transparent;background:var(--btn-bg);color:var(--btn-fg);font-weight:700;font-size:14px;line-height:1;text-decoration:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;transition:transform var(--press-dur, .15s) ease,box-shadow var(--press-dur, .15s) ease,opacity .2s ease;box-shadow:0 4px 12px #ec48992e}.button:hover,.geocities-button:hover,.project-link-button:hover,.submit-button:hover{text-decoration:none;transform:translateY(-1px);box-shadow:0 6px 18px #ec489938}.button:active,.geocities-button:active,.project-link-button:active,.submit-button:active{transform:translateY(0) scale(var(--press-scale, .97))}.button:focus-visible{outline:none;box-shadow:0 0 0 4px var(--ring),0 6px 14px #ec489940}.button--sm{padding:6px 12px;font-size:13px;border-radius:999px;box-shadow:0 3px 8px #ec489929}.button--ghost{--btn-bg: transparent;--btn-fg: var(--text);border-color:var(--border);box-shadow:none;background:transparent;color:var(--btn-fg)}.button--ghost:hover{--btn-bg: color-mix(in oklab, var(--panel) 80%, var(--brand-2) 20%);border-color:var(--brand)}.button--ghost[aria-pressed=true]{--btn-bg: var(--brand);--btn-fg: #fff;border-color:var(--brand);box-shadow:0 6px 14px #ec489940}@media (prefers-reduced-motion: reduce){.button,.geocities-button,.project-link-button,.submit-button{transition:none}}input[type=text],input[type=url],textarea{width:100%;padding:10px 12px;border-radius:12px;border:1px solid var(--border);background:var(--panel);color:var(--text);outline:none}input:focus,textarea:focus{border-color:var(--ring);box-shadow:0 0 0 4px var(--ring)}.muted{color:var(--muted)}.center,.text-center{text-align:center}.mt-0{margin-top:0}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-5{margin-top:var(--space-5)}.mt-6{margin-top:var(--space-6)}.mt-7{margin-top:var(--space-7)}.mt-8{margin-top:var(--space-8)}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-5{margin-bottom:var(--space-5)}.mb-6{margin-bottom:var(--space-6)}.mb-7{margin-bottom:var(--space-7)}.mb-8{margin-bottom:var(--space-8)}.mr-1{margin-right:var(--space-1)}.mr-2{margin-right:var(--space-2)}.icon-inline{vertical-align:middle}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@media (max-width: 640px){#root{margin:16px auto;padding:0 14px}.header-inner{padding:10px 12px}.main-nav ul{gap:6px}}