:root{--primary-text: #2d3748;--heading-text: #2c3e50;--secondary-text: #4a5568;--muted-text: #718096;--light-text: #a0aec0;--primary-bg: #fefefe;--accent-bg: #f7fafc;--border-light: #e2e8f0;--border-lighter: #edf2f7;--link-color: #2c3e50;--link-hover: #1a202c;--accent-color: #3182ce;--font-serif: "Lora", "Times New Roman", Times, serif;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-primary: var(--font-serif);--font-headings: var(--font-serif);--text-xs: clamp(.65rem, .1vw + .64rem, .7rem);--text-sm: clamp(.75rem, .15vw + .73rem, .8rem);--text-base: clamp(.9rem, .2vw + .88rem, 1rem);--text-lg: clamp(1rem, .3vw + .94rem, 1.125rem);--text-xl: clamp(1.125rem, .5vw + 1.05rem, 1.25rem);--text-2xl: clamp(1.25rem, .8vw + 1.1rem, 1.5rem);--text-3xl: clamp(1.5rem, 1.2vw + 1.25rem, 1.875rem);--text-4xl: clamp(1.875rem, 1.8vw + 1.5rem, 2.25rem);--text-5xl: clamp(2.25rem, 2.5vw + 1.75rem, 2.75rem);--space-xs: .375rem;--space-s: .625rem;--space-m: .875rem;--space-l: 1.25rem;--space-xl: 1.75rem;--space-2xl: 2.5rem;--container-width: 1200px;--content-width: min(68ch, calc(100vw - 2rem) );--border-radius: 6px;--transition: .2s ease;--line-height-tight: 1.25;--line-height-base: 1.6;--line-height-relaxed: 1.7;--letter-spacing-tight: -.02em;--letter-spacing-base: -.005em;--footer-bg: #2c3e50;--site-header-bg: rgba(254, 254, 254, .9);--footer-link: #e2e8f0;--footer-link-hover: #fff;--footer-heading: #fff;--footer-bottom: #cbd5e1;--hamburger-color: #333;--footer-gap: var(--space-l);--footer-padding: var(--space-m) 0;--footer-section-padding: var(--space-m);--footer-border: var(--border-light);--footer-radius: var(--border-radius);--footer-font-size: var(--text-xs);--footer-heading-size: var(--text-base);--hamburger-size: 40px;--hamburger-line-width: 24px;--hamburger-line-height: 3px;--hamburger-line-radius: 2px;--draft-badge-bg: #fef2e5;--draft-badge-color: #d69e2e;--draft-badge-border: #f6d55c;--nav-arrow-opacity: .6;--gallery-image-height: 180px;--dialog-bg: white;--dialog-close-bg: rgba(0, 0, 0, .7);--dialog-close-hover-bg: rgba(0, 0, 0, .9);--dialog-close-size: 36px;--dialog-close-font-size: 18px;--tag-count-bg: var(--border-light);--tag-count-color: var(--muted-text);--tag-count-radius: 8px;--tag-count-font-size: 10px;--read-more-arrow: "→";--nav-arrow-size: var(--text-lg);--box-shadow-light: 0 4px 8px rgba(0, 0, 0, .1);--box-shadow-medium: 0 8px 24px rgba(0, 0, 0, .15);--box-shadow-dialog: 0 20px 40px rgba(0, 0, 0, .3);--box-shadow-gallery: 0 2px 8px rgba(0, 0, 0, .1);--box-shadow-gallery-hover: 0 4px 16px rgba(0, 0, 0, .15)}*{box-sizing:border-box}html{font-size:16px;line-height:var(--line-height-base)}body{font-family:var(--font-primary);color:var(--primary-text);background-color:var(--primary-bg);margin:0;padding:0;letter-spacing:var(--letter-spacing-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-headings);color:var(--heading-text);line-height:var(--line-height-tight);margin:var(--space-xl) 0 var(--space-m) 0;letter-spacing:var(--letter-spacing-tight)}h1{font-size:var(--text-4xl);margin-bottom:var(--space-l)}h2{font-size:var(--text-3xl);margin-top:var(--space-2xl)}h3{font-size:var(--text-2xl);margin-top:var(--space-xl)}h4{font-size:var(--text-xl);margin-top:var(--space-l)}h5{font-size:var(--text-lg);margin-top:var(--space-l)}h6{font-size:var(--text-base);margin-top:var(--space-m)}p{margin:var(--space-m) 0;line-height:var(--line-height-relaxed)}h1+p,h2+p,h3+p,h4+p,h5+p,h6+p{margin-top:var(--space-xs)}a{color:var(--link-color);text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px;transition:color var(--transition)}a:hover{color:var(--link-hover);text-decoration:none}ul,ol{margin:var(--space-m) 0;padding-left:var(--space-xl)}li{margin-bottom:var(--space-xs);line-height:var(--line-height-base)}li ul,li ol{margin:var(--space-xs) 0}blockquote{margin:var(--space-xl) 0;padding-left:var(--space-l);border-left:3px solid var(--border-light);color:var(--secondary-text);font-style:italic;line-height:var(--line-height-relaxed)}code{font-family:SF Mono,Monaco,Cascadia Code,JetBrains Mono,monospace;background:var(--accent-bg);padding:.125rem .375rem;border-radius:4px;font-size:.9em;letter-spacing:0}pre{background:var(--accent-bg);padding:var(--space-l);border-radius:var(--border-radius);overflow-x:auto;margin:var(--space-xl) 0;border:1px solid var(--border-light)}pre code{background:none;padding:0;font-size:var(--text-sm);line-height:1.5}.container{max-width:var(--container-width);margin:0 auto;padding:0 var(--space-m)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.full-width{width:100vw;margin-left:50%;transform:translate(-50%)}a:focus,button:focus{outline:2px solid var(--accent-color);outline-offset:2px}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast: high){:root{--border-light: #000;--border-lighter: #333}}@media (max-width: 48rem){body{font-size:.85rem}h1,h2,h3,h4,h5,h6{margin-top:var(--space-l);margin-bottom:var(--space-s)}h1{margin-bottom:var(--space-m)}blockquote{padding-left:var(--space-m);margin:var(--space-l) 0}}@media (min-width: 80rem){.container{padding:0 var(--space-xl)}}.sidebar-links a,.mobile-nav a,.nav-link,button,input,select{font-family:var(--font-sans);letter-spacing:.01em}.site-header{background:var(--site-header-bg);border-bottom:1px solid var(--border-light);padding:var(--space-m) 0;position:sticky;top:0;z-index:100;backdrop-filter:blur(8px)}.site-header h1{margin:0;font-size:var(--text-2xl);letter-spacing:var(--letter-spacing-tight)}.site-header a{text-decoration:none;color:var(--heading-text)}.layout-grid{display:grid;gap:var(--space-m);align-items:start}.layout-grid--two-column{grid-template-columns:minmax(0,1fr) minmax(0,3fr)}.layout-grid--three-column{grid-template-columns:minmax(0,1fr) minmax(0,2.5fr) minmax(0,1fr)}.sidebar-left{background-color:#f1f5f9;padding:var(--space-m);border-radius:var(--border-radius);border:1px solid var(--border-light);align-self:start;height:fit-content}.sidebar-right{background-color:var(--accent-bg);padding:var(--space-m);border-radius:var(--border-radius);border:1px solid var(--border-lighter);align-self:start;height:fit-content}.main-content{min-width:0;background-color:var(--primary-bg);padding:var(--space-m)}@media (max-width: 48rem){.mobile-header{display:block!important}.layout-grid,.layout-grid--two-column,.layout-grid--three-column{grid-template-columns:1fr;margin:var(--space-m) 0;gap:var(--space-s)}.main-content{padding:var(--space-s)}.sidebar-left,.sidebar-right{display:none}}@media (min-width: 48rem){.mobile-header{display:none!important}.layout-grid{grid-template-columns:minmax(0,1fr) minmax(0,3fr);gap:var(--space-m)}.layout-grid--two-column{grid-template-columns:minmax(0,1fr) minmax(0,3fr)}.layout-grid--three-column{grid-template-columns:minmax(0,1fr) minmax(0,2.5fr) minmax(0,1fr)}.sidebar-left,.sidebar-right{display:block!important}}@media (min-width: 80rem){.layout-grid--three-column{grid-template-columns:minmax(0,1.2fr) minmax(0,2.6fr) minmax(0,1.2fr);gap:var(--space-l)}.layout-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,3.8fr)}.sidebar-left,.sidebar-right{padding:var(--space-l)}}.mobile-header{display:none;background:var(--accent-bg);padding:var(--space-m);margin-bottom:var(--space-l);border-radius:var(--border-radius);border:1px solid var(--border-lighter)}.mobile-nav{display:flex;flex-wrap:wrap;gap:var(--space-xs);justify-content:center}.mobile-nav a{padding:var(--space-xs) var(--space-s);background:var(--primary-bg);border-radius:var(--border-radius);text-decoration:none;font-size:var(--text-sm);border:1px solid var(--border-light);transition:all var(--transition);font-weight:500}.mobile-nav a:hover{background:var(--link-color);color:#fff;border-color:var(--link-color)}.sidebar-section{margin-bottom:var(--space-m)}.sidebar-section:last-child{margin-bottom:0}.sidebar-section h2{font-size:var(--text-base);margin:0 0 var(--space-xs) 0;color:var(--heading-text);font-weight:600}.sidebar-about{text-align:center}.bio-photo{width:60px;height:60px;border-radius:50%;margin-bottom:var(--space-xs);object-fit:cover;border:2px solid var(--border-light)}.sidebar-about p{font-size:var(--text-sm);color:var(--secondary-text);margin-bottom:var(--space-xs);line-height:1.3}.sidebar-about-links{display:flex;flex-direction:column;gap:2px}.sidebar-about-links a{font-size:var(--text-sm);text-decoration:none;color:var(--link-color);padding:2px 0;transition:color var(--transition)}.sidebar-links{display:flex;flex-direction:column;gap:1px}.sidebar-links a{text-decoration:none;color:var(--link-color);font-size:var(--text-sm);padding:2px 0;border-bottom:1px solid transparent;transition:all var(--transition);font-weight:500}.sidebar-contact{font-size:var(--text-xs)}.sidebar-contact p{margin:2px 0;line-height:1.3}.site-footer{margin-top:var(--space-l);padding:var(--footer-padding);border-top:1px solid var(--footer-border);text-align:center;font-size:var(--footer-font-size);color:#f7fafc;background:var(--footer-bg)}.footer-section a,.footer-section a:visited{color:var(--footer-link);text-decoration:underline}.footer-section a:hover{color:var(--footer-link-hover);text-decoration:none}.footer-section h3{color:var(--footer-heading);font-size:var(--footer-heading-size)}.footer-bottom{color:var(--footer-bottom)}.footer-grid{display:flex;flex-direction:column;gap:var(--footer-gap);max-width:var(--container-width);margin:0 auto;padding:0 var(--space-m)}.footer-section{flex:1 1 0;min-width:0;text-align:left;padding:var(--footer-section-padding)}@media (min-width: 48rem){.footer-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--footer-gap);align-items:start;padding:0}.footer-section{text-align:left}.footer-section:nth-child(2){text-align:center}.footer-section:nth-child(3){text-align:right}}@container (max-width: 200px){.sidebar-left,.sidebar-right{padding:var(--space-s)}.bio-photo{width:60px;height:60px}.sidebar-section h2{font-size:var(--text-base)}}@container (min-width: 300px){.sidebar-left,.sidebar-right{padding:var(--space-xl)}.bio-photo{width:80px;height:80px}}@container (min-width: 600px){.main-content{padding:var(--space-s)}}@container (min-width: 900px){.main-content{padding:var(--space-m)}}.skip-link{position:absolute;top:-40px;left:6px;background:var(--accent-color);color:#fff;padding:8px;text-decoration:none;border-radius:4px;z-index:1000}.skip-link:focus{top:6px}.sidebar-links a:focus,.mobile-nav a:focus{outline:2px solid var(--accent-color);outline-offset:2px}@media print{.site-header,.sidebar-left,.sidebar-right,.mobile-header,.site-footer{display:none}.layout-grid{grid-template-columns:1fr;margin:0;gap:0}.main-content{padding:0;background:#fff}.main-content>*{max-width:none}}.blog-post{margin-bottom:var(--space-xl);container-type:inline-size}.blog-header{margin-bottom:var(--space-l);padding-bottom:var(--space-m);border-bottom:1px solid var(--border-lighter)}.blog-title{margin-bottom:var(--space-s);line-height:var(--line-height-tight)}.blog-meta{display:flex;flex-wrap:wrap;gap:var(--space-s);align-items:center;color:var(--muted-text);font-size:var(--text-sm);margin-top:var(--space-xs)}@container (min-width: 500px){.blog-meta{justify-content:space-between}}.blog-date{color:var(--secondary-text);font-weight:500}.draft-badge{background:var(--draft-badge-bg);color:var(--draft-badge-color);padding:var(--space-xs);border-radius:var(--border-radius);font-size:var(--text-xs);font-weight:600;display:flex;align-items:center;gap:var(--space-xs);border:1px solid var(--draft-badge-border)}.blog-content{line-height:var(--line-height-relaxed)}.blog-content h2{margin-top:var(--space-xl);margin-bottom:var(--space-m)}.blog-content h3{margin-top:var(--space-l);margin-bottom:var(--space-s)}.blog-content p{margin-bottom:var(--space-m)}.blog-content p+h2,.blog-content p+h3,.blog-content p+h4{margin-top:var(--space-xl)}.back-nav{margin-bottom:var(--space-m)}.back-nav a{color:var(--secondary-text);text-decoration:none;font-size:var(--text-sm);display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-s);border:1px solid var(--border-light);border-radius:var(--border-radius);transition:all var(--transition)}.back-nav a:hover{color:var(--link-color);background:var(--accent-bg);border-color:var(--link-color)}.back-nav a:before{content:"←";font-weight:700}.post-navigation{margin-top:var(--space-xl);padding-top:var(--space-l);border-top:1px solid var(--border-light)}.prev-next-nav{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-m);margin-bottom:var(--space-l)}.nav-item{display:flex;flex-direction:column}.nav-item.prev{text-align:left}.nav-item.next{text-align:right}.nav-label{font-size:var(--text-xs);color:var(--muted-text);margin-bottom:var(--space-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.nav-post-link{display:flex;align-items:center;gap:var(--space-s);text-decoration:none;color:var(--link-color);padding:var(--space-s);border:1px solid var(--border-light);border-radius:var(--border-radius);transition:all var(--transition);min-height:60px}.nav-post-link:hover{background:var(--accent-bg);border-color:var(--link-color);transform:translateY(-1px);box-shadow:0 4px 8px #0000001a}.nav-post-content{flex:1;min-width:0}.nav-post-title{font-weight:600;font-size:var(--text-sm);margin-bottom:var(--space-xs);line-height:var(--line-height-tight);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.nav-post-date{font-size:var(--text-xs);color:var(--muted-text)}.nav-item.prev .nav-post-link:before{content:"←";font-size:var(--nav-arrow-size);font-weight:700;opacity:var(--nav-arrow-opacity)}.nav-item.next .nav-post-link:after{content:"→";font-size:var(--nav-arrow-size);font-weight:700;opacity:var(--nav-arrow-opacity)}@media (max-width: 48rem){.prev-next-nav{grid-template-columns:1fr;gap:var(--space-s)}.nav-item.next{text-align:left}}.tag-list{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-top:var(--space-s);container-type:inline-size}@container (min-width: 400px){.tag-list{gap:var(--space-s)}}.tag{background:var(--accent-bg);color:var(--secondary-text);padding:2px var(--space-s);border-radius:var(--border-radius);text-decoration:none;font-size:var(--text-xs);border:1px solid var(--border-light);transition:all var(--transition);font-weight:500;line-height:1.4}.tag:hover{background:var(--link-color);color:#fff;border-color:var(--link-color);transform:translateY(-1px)}.tag-count{background:var(--tag-count-bg);color:var(--tag-count-color);padding:1px 4px;border-radius:var(--tag-count-radius);font-size:var(--tag-count-font-size);margin-left:var(--space-xs);font-weight:600}.tag:hover .tag-count{background:#ffffff4d;color:#fff}.hero-image-container{margin:var(--space-l) 0}.hero-image{width:100%;height:auto;border-radius:var(--border-radius);box-shadow:var(--box-shadow-light);transition:transform var(--transition),box-shadow var(--transition)}.hero-image:hover{transform:translateY(-2px);box-shadow:var(--box-shadow-medium)}img{max-width:100%;height:auto;border-radius:var(--border-radius)}figure{margin:var(--space-l) 0}figure img{margin-bottom:var(--space-s)}figcaption{font-size:var(--text-sm);color:var(--muted-text);text-align:center;font-style:italic;line-height:var(--line-height-base)}.image-gallery{margin:var(--space-l) 0;container-type:inline-size}.gallery-title{text-align:center;margin-bottom:var(--space-m);color:var(--heading-text);font-size:var(--text-xl);font-weight:600}.gallery-grid{display:grid;gap:var(--space-s);grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}@container (max-width: 600px){.gallery-grid{grid-template-columns:1fr;gap:var(--space-m)}}@container (min-width: 900px){.gallery-grid{grid-template-columns:repeat(3,1fr);gap:var(--space-m)}}@container (min-width: 1200px){.gallery-grid{grid-template-columns:repeat(4,1fr)}}.gallery-item{margin:0}.gallery-button{display:block;width:100%;padding:0;margin:0;border:none;background:none;cursor:pointer;overflow:hidden;border-radius:var(--border-radius);box-shadow:var(--box-shadow-gallery);transition:transform var(--transition),box-shadow var(--transition)}.gallery-button:hover{transform:translateY(-2px);box-shadow:var(--box-shadow-gallery-hover)}.gallery-button:focus{outline:2px solid var(--accent-color);outline-offset:2px}.gallery-image{width:100%;height:var(--gallery-image-height);object-fit:cover;transition:transform var(--transition);display:block}.gallery-button:hover .gallery-image{transform:scale(1.05)}.gallery-caption{padding:var(--space-s);font-size:var(--text-xs);color:var(--muted-text);background:var(--accent-bg);text-align:center;line-height:var(--line-height-base);border-top:1px solid var(--border-lighter)}.image-dialog{max-width:90vw;max-height:90vh;margin:auto;padding:0;border:none;border-radius:var(--border-radius);background:transparent}.image-dialog::backdrop{background:#000000d9;backdrop-filter:blur(8px)}.dialog-content{position:relative;display:flex;flex-direction:column;align-items:center;background:var(--dialog-bg);border-radius:var(--border-radius);overflow:hidden;box-shadow:var(--box-shadow-dialog)}.dialog-close{position:absolute;top:12px;right:12px;width:var(--dialog-close-size);height:var(--dialog-close-size);border:none;background:var(--dialog-close-bg);color:#fff;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:var(--dialog-close-font-size);z-index:1;transition:background var(--transition)}.dialog-close:hover{background:var(--dialog-close-hover-bg)}.dialog-close:focus{outline:2px solid white;outline-offset:2px}.dialog-image{max-width:100%;max-height:80vh;object-fit:contain;display:block}.dialog-caption{padding:var(--space-m);margin:0;text-align:center;color:var(--primary-text);background:var(--primary-bg);width:100%;font-size:var(--text-sm);line-height:var(--line-height-base)}video{max-width:100%;height:auto;border-radius:var(--border-radius);box-shadow:0 4px 12px #0000001a}.video-embed{margin:var(--space-l) 0;position:relative;overflow:hidden;border-radius:var(--border-radius)}.video-embed iframe{max-width:100%;height:auto;border-radius:var(--border-radius);display:block;border:none}.video-embed video{width:100%;max-width:100%}.video-responsive{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:var(--border-radius)}.video-responsive iframe,.video-responsive video{position:absolute;top:0;left:0;width:100%;height:100%}.featured-blogs{margin-bottom:var(--space-l)}.featured-blogs h2{font-size:var(--text-lg);margin-bottom:var(--space-s);font-weight:600}.featured-blog-list{display:flex;flex-direction:column;gap:var(--space-s)}.featured-blog{padding:var(--space-s);background:var(--primary-bg);border:1px solid var(--border-light);border-radius:var(--border-radius);transition:all var(--transition);box-shadow:var(--box-shadow-light)}.featured-blog:hover{border-color:var(--link-color);transform:translateY(-1px);box-shadow:var(--box-shadow-light)}.featured-blog-name{font-weight:600;color:var(--heading-text);text-decoration:none;display:block;margin-bottom:var(--space-xs);font-size:var(--text-sm);line-height:var(--line-height-tight)}.featured-blog-desc{font-size:var(--text-xs);color:var(--secondary-text);margin:0;line-height:var(--line-height-base)}.view-all-link{display:block;text-align:center;color:var(--link-color);text-decoration:none;padding:var(--space-s);margin-top:var(--space-s);border:1px solid var(--border-light);border-radius:var(--border-radius);font-size:var(--text-sm);transition:all var(--transition);font-weight:500}.view-all-link:hover{background:var(--accent-bg);border-color:var(--link-color)}.post-list{display:flex;flex-direction:column;gap:var(--space-l);container-type:inline-size}.post-item{padding-bottom:var(--space-l);border-bottom:1px solid var(--border-lighter);container-type:inline-size}.post-item:last-child{border-bottom:none}@container (min-width: 500px){.post-item .blog-meta{display:flex;justify-content:space-between;align-items:baseline}.post-item .tag-list{margin-top:0}}.post-item h2{margin:var(--space-s) 0;font-size:var(--text-2xl)}.post-item h2 a{color:var(--heading-text);text-decoration:none;transition:color var(--transition)}.post-item h2 a:hover{color:var(--link-color);text-decoration:underline}.post-excerpt{color:var(--secondary-text);line-height:var(--line-height-base);margin-bottom:var(--space-s);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.read-more{color:var(--link-color);text-decoration:none;font-size:var(--text-sm);font-weight:500;display:inline-flex;align-items:center;gap:var(--space-xs);transition:color var(--transition)}.read-more:hover{color:var(--link-hover)}.read-more:after{content:var(--read-more-arrow);font-weight:700}.search-form{margin-bottom:var(--space-l)}.search-input{width:100%;padding:var(--space-s);border:1px solid var(--border-light);border-radius:var(--border-radius);font-size:var(--text-base);background:var(--primary-bg);transition:border-color var(--transition)}.search-input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 2px #3182ce1a}.search-results{margin-top:var(--space-l)}.search-result-count{font-size:var(--text-sm);color:var(--muted-text);margin-bottom:var(--space-m)}.gallery-button:focus,.featured-blog:focus,.nav-post-link:focus{outline:2px solid var(--accent-color);outline-offset:2px}@media (prefers-reduced-motion: reduce){.gallery-image,.hero-image,.nav-post-link,.featured-blog{transition:none}.gallery-button:hover .gallery-image,.hero-image:hover,.gallery-button:hover,.nav-post-link:hover,.featured-blog:hover{transform:none}}.hamburger-menu{display:flex;flex-direction:column;justify-content:center;align-items:center;width:40px;height:40px;background:none;border:none;cursor:pointer;padding:0;margin:0}.hamburger-line{width:24px;height:3px;background:#333;margin:3px 0;border-radius:2px;transition:all .3s}.mobile-nav{display:none}.mobile-nav.mobile-nav-open{display:flex;flex-direction:column}