html,body{color:#839496;background-color:#002b36;width:100%;height:100%;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow:hidden}.app-container{width:100vw;height:100vh;display:flex;overflow:hidden}.vertical-nav{color:#839496;z-index:100;background:#073642;flex-direction:column;flex-shrink:0;width:220px;min-width:220px;height:100vh;padding:25px 20px;display:flex;box-shadow:2px 0 10px #00000080}.nav-brand{letter-spacing:1px;color:#268bd2;border-bottom:2px solid #586e75;margin-bottom:25px;padding-bottom:25px;font-size:22px;font-weight:700}.nav-links li a{color:#839496;letter-spacing:.5px;cursor:pointer;border-radius:6px;padding:10px 16px;font-size:15px;font-weight:500;text-decoration:none;transition:all .3s;display:block}.nav-links li a:hover{color:#93a1a1;background:#268bd21a}.nav-links li a.active{color:#268bd2;background:#268bd226}.nav-footer{color:#586e75;text-align:center;border-top:1px solid #586e75;margin-top:auto;padding-top:20px;font-size:12px}.main-content{background:#002b36;flex-direction:column;flex:1;min-width:0;height:100vh;display:flex;overflow:hidden}.app-header{z-index:10;background:#073642;border-bottom:1px solid #586e75;flex-shrink:0;justify-content:space-between;align-items:center;min-height:50px;padding:10px 30px;display:flex}.app-header h1{color:#268bd2;font-size:18px;font-weight:600}.datetime{color:#839496;white-space:nowrap;background:#002b36;border:1px solid #586e75;border-radius:20px;align-items:center;gap:10px;padding:6px 16px;font-size:13px;font-weight:500;display:flex}.home-section{flex:1;width:100%;position:relative;overflow:hidden}.home-video-background{width:100%;height:100%;position:relative;overflow:hidden}.home-video-background video{object-fit:cover;width:100%;height:100%;position:absolute;top:0;left:0}.home-overlay{z-index:1;background:#002b3699;width:100%;height:100%;position:absolute;top:0;left:0}.app-footer{border-top:1px solid #586e75;flex-shrink:0;width:100%;min-height:60px;position:relative;overflow:hidden}.footer-video-background{width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.footer-video-background video{object-fit:cover;width:100%;height:100%}.footer-video-background:after{content:"";background:#002b36b3;width:100%;height:100%;position:absolute;top:0;left:0}.footer-content{z-index:2;color:#839496;justify-content:space-between;align-items:center;height:100%;min-height:60px;padding:12px 30px;display:flex;position:relative}.footer-content p{opacity:.8;letter-spacing:.5px;font-size:12px;font-weight:300}.social-links{gap:15px;display:flex}.social-links a{color:#839496;border:1px solid #586e75;border-radius:20px;padding:4px 14px;font-size:12px;font-weight:500;text-decoration:none;transition:all .3s}.social-links a:hover{color:#268bd2;background:#268bd226;border-color:#268bd2}@media (width<=768px){.app-container{flex-direction:column;height:100vh;overflow:hidden}.vertical-nav{width:100%;min-width:unset;flex-flow:wrap;flex-shrink:0;align-items:center;gap:8px;height:auto;padding:10px 16px;box-shadow:0 2px 10px #0000004d}.nav-brand{border-bottom:none;margin-bottom:0;padding-bottom:0;font-size:18px}.nav-links{flex-direction:row;flex:1;justify-content:flex-end;gap:4px}.nav-links li a{padding:6px 10px;font-size:12px}.nav-footer{display:none}.main-content{flex:1;height:calc(100vh - 50px)}.app-header{flex-direction:column;align-items:flex-start;gap:6px;min-height:40px;padding:8px 16px}.app-header h1{font-size:16px}.datetime{white-space:normal;justify-content:center;width:100%;padding:4px 12px;font-size:11px}.app-footer{min-height:50px}.footer-content{text-align:center;flex-direction:column;gap:8px;min-height:50px;padding:8px 16px}.social-links{flex-wrap:wrap;justify-content:center;gap:10px}.social-links a{padding:4px 12px;font-size:11px}}@media (width<=480px){.vertical-nav{gap:4px;padding:8px 12px}.nav-brand{font-size:14px}.nav-links li a{padding:4px 8px;font-size:10px}.app-header h1{font-size:14px}.datetime{padding:3px 10px;font-size:10px}.footer-content p{font-size:10px}.social-links a{padding:3px 10px;font-size:10px}}:root{--cw-black:#0b0b0c;--cw-panel:#141416;--cw-panel-raised:#1b1b1e;--cw-line:#c8c6c21a;--cw-line-strong:#c8c6c238;--cw-steel:#9a989b;--cw-steel-dim:#6c6a6d;--cw-ink:#e9e7e2;--cw-ink-dim:#b4b1ac;--cw-gold:#b8965a;--cw-gold-soft:#b8965a66;--cw-serif:"Cormorant Garamond", "Times New Roman", Georgia, serif;--cw-sans:"Inter", "Segoe UI", -apple-system, sans-serif}.chat-fab{background:var(--cw-black);border:1px solid var(--cw-line-strong);width:54px;height:54px;color:var(--cw-ink);cursor:pointer;z-index:1000;border-radius:50%;justify-content:center;align-items:center;transition:border-color .3s,box-shadow .3s,transform .2s;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 6px 24px #00000080}.chat-fab:hover{border-color:var(--cw-gold);transform:translateY(-1px);box-shadow:0 6px 28px #0009}.chat-fab--open{background:var(--cw-panel-raised)}.chat-panel{background:var(--cw-panel);border:1px solid var(--cw-line);width:340px;max-width:calc(100vw - 32px);height:480px;max-height:calc(100vh - 140px);font-family:var(--cw-sans);z-index:1000;border-radius:3px;flex-direction:column;animation:.28s cubic-bezier(.2,.6,.3,1) chat-panel-in;display:flex;position:fixed;bottom:90px;right:24px;overflow:hidden;box-shadow:0 20px 60px #0000008c}@keyframes chat-panel-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.chat-panel,.status-dot--loading{animation:none}.chat-message__bubble--typing span{opacity:.6;animation:none}}.chat-panel__header{border-bottom:1px solid var(--cw-line);justify-content:space-between;align-items:flex-start;padding:18px 18px 14px;display:flex}.chat-panel__title{color:var(--cw-gold);font-family:var(--cw-serif);letter-spacing:2px;text-transform:uppercase;font-size:17px;font-weight:600}.chat-panel__subtitle{color:var(--cw-ink-dim);letter-spacing:1.5px;text-transform:uppercase;align-items:center;gap:7px;margin-top:6px;font-size:10px;display:flex}.status-dot{background:var(--cw-steel-dim);border-radius:50%;flex-shrink:0;width:5px;height:5px}.status-dot--loading{background:var(--cw-steel);animation:1.4s ease-in-out infinite dot-pulse}.status-dot--ready{background:var(--cw-gold);box-shadow:0 0 5px var(--cw-gold-soft)}.status-dot--error{background:#7a5a5a}@keyframes dot-pulse{0%,to{opacity:1}50%{opacity:.35}}.chat-panel__close{color:var(--cw-ink-dim);cursor:pointer;background:0 0;border:none;padding:0;font-size:20px;font-weight:300;line-height:1;transition:color .2s}.chat-panel__close:hover{color:var(--cw-ink)}.chat-panel__messages{flex-direction:column;flex:1;gap:16px;padding:18px;display:flex;overflow-y:auto}.chat-message{flex-direction:column;gap:5px;max-width:85%;display:flex}.chat-message--you{align-self:flex-end;align-items:flex-end}.chat-message--assistant{align-self:flex-start;align-items:flex-start}.chat-message__sender{letter-spacing:1.5px;text-transform:uppercase;color:var(--cw-steel-dim);font-size:9px}.chat-message__bubble{color:var(--cw-ink);border-radius:2px;padding:11px 15px;font-size:14px;line-height:1.55}.chat-message--you .chat-message__bubble{background:var(--cw-panel-raised);border:1px solid var(--cw-line)}.chat-message--assistant .chat-message__bubble{border-left:1px solid var(--cw-gold);background:0 0;padding-left:14px}.chat-message__bubble--typing{gap:5px;padding:12px 0;display:flex}.chat-message__bubble--typing span{background:var(--cw-gold);border-radius:50%;width:4px;height:4px;animation:1.3s ease-in-out infinite typing-fade}.chat-message__bubble--typing span:nth-child(2){animation-delay:.2s}.chat-message__bubble--typing span:nth-child(3){animation-delay:.4s}@keyframes typing-fade{0%,60%,to{opacity:.25}30%{opacity:.9}}.chat-quick-topics{flex-wrap:wrap;gap:8px;margin-top:2px;display:flex}.chat-quick-topic{border:1px solid var(--cw-line-strong);color:var(--cw-ink-dim);letter-spacing:.5px;cursor:pointer;font-size:11px;font-family:var(--cw-sans);background:0 0;border-radius:2px;padding:6px 14px;transition:border-color .2s,color .2s}.chat-quick-topic:hover{border-color:var(--cw-gold);color:var(--cw-ink)}.chat-panel__input-row{border-top:1px solid var(--cw-line);gap:8px;padding:14px;display:flex}.chat-panel__input-row input{background:var(--cw-panel-raised);border:1px solid var(--cw-line);color:var(--cw-ink);font-size:13px;font-family:var(--cw-sans);border-radius:2px;flex:1;padding:10px 12px}.chat-panel__input-row input:focus{border-color:var(--cw-gold);outline:none}.chat-panel__input-row input::placeholder{color:var(--cw-steel-dim)}.chat-panel__input-row button{border:1px solid var(--cw-line-strong);color:var(--cw-ink-dim);cursor:pointer;background:0 0;border-radius:2px;justify-content:center;align-items:center;width:40px;transition:border-color .2s,color .2s;display:flex}.chat-panel__input-row button:hover{border-color:var(--cw-gold);color:var(--cw-ink)}@media (width<=480px){.chat-panel{width:auto;bottom:84px;left:16px;right:16px}.chat-fab{bottom:16px;right:16px}}*{box-sizing:border-box;margin:0;padding:0}:root{--gold:#b8965a;--gold-soft:#b8965a59}html,body{color:#b9b7b2;background:#0b0b0c;width:100%;height:100%;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow:hidden}#root{width:100%;height:100%}.app-container{z-index:1;width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.global-video-background{z-index:0;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.global-video-background .bg-video{object-fit:cover;z-index:0;width:100%;height:100%;position:relative}.video-overlay{z-index:1;pointer-events:none;background:#00000059;width:100%;height:100%;position:absolute;top:0;left:0}.app-vignette{z-index:0;pointer-events:none;background:radial-gradient(#0000 0% 40%,#08080973 80%,#060607d9 100%);position:fixed;inset:0}.app-vignette:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 160px 50px #12121366}.vertical-nav{color:#b9b7b2;z-index:100;background:linear-gradient(#131315f2 0%,#0b0b0cf2 100%);border-right:1px solid #9a989b0f;flex-direction:column;flex-shrink:0;width:220px;min-width:220px;height:100vh;padding:25px 5px;display:flex;position:relative;box-shadow:2px 0 20px #0009,inset -1px 0 #9a989b0f}.nav-brand{letter-spacing:2px;color:var(--gold);text-shadow:0 1px #000000e6,0 2px 2px #00000080,0 0 20px #c8c6c240;border-bottom:2px solid #9a989b14;margin-bottom:25px;padding-bottom:25px;font-family:Cormorant Garamond,Times New Roman,Georgia,serif;font-size:22px;font-weight:700}.nav-links{flex-direction:column;flex:1;gap:4px;list-style:none;display:flex}.nav-links li a{color:#8f8d8a;cursor:pointer;letter-spacing:.5px;border-left:3px solid #0000;border-radius:4px;padding:10px 16px;font-size:15px;font-weight:500;text-decoration:none;transition:all .3s;display:block}.nav-links li a:hover{color:#fff;background:#9a989b0a;border-left-color:#9a989b4d}.nav-links li a.active{color:#fff;border-left-color:var(--gold);text-shadow:0 0 20px #9a989b14;background:#9a989b0f}.nav-footer{color:#9a989b;text-align:center;letter-spacing:1px;border-top:1px solid #9a989b0f;margin-top:auto;padding-top:20px;font-size:11px}.main-content{z-index:1;background:0 0;flex-direction:column;flex:1;min-width:0;height:100vh;display:flex;position:relative;overflow:hidden}.app-header{z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(#131315e6 0%,#0b0b0cb3 100%);border-bottom:1px solid #9a989b0f;flex-shrink:0;justify-content:space-between;align-items:center;gap:15px;min-height:50px;padding:10px 30px;display:flex;position:relative}.header-content{flex:1;min-width:0}.quote-container{color:#fff;letter-spacing:1px;align-items:center;gap:8px;font-family:Segoe UI,sans-serif;font-size:16px;font-weight:600;display:flex;overflow:hidden}.quote-text{color:#fff;text-shadow:0 0 20px #9a989b0d;white-space:nowrap;overflow:hidden}.cursor-blink{color:#fff;flex-shrink:0;font-size:18px;font-weight:100;animation:.7s step-end infinite blink;display:inline-block}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.datetime{color:#8f8d8a;white-space:nowrap;letter-spacing:.5px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0b0b0c99;border:1px solid #9a989b14;border-radius:4px;flex-shrink:0;align-items:center;gap:10px;padding:6px 16px;font-family:Segoe UI,monospace;font-size:13px;font-weight:500;display:flex}.content-area{z-index:1;flex:1;min-height:0;max-height:calc(100vh - 110px);padding:20px;position:relative;overflow-y:auto}.content-area::-webkit-scrollbar{width:6px}.content-area::-webkit-scrollbar-track{background:#0b0b0c80}.content-area::-webkit-scrollbar-thumb{background:#9a989b26;border-radius:3px}.content-area::-webkit-scrollbar-thumb:hover{background:#9a989b40}.home-section{justify-content:center;align-items:center;width:100%;height:100%;padding:20px;display:flex;position:relative}.home-content-centered{text-align:center;color:#b9b7b2;width:100%;max-width:900px;margin:0 auto;padding:20px;animation:1s ease-in fadeIn}.home-content-centered h1{color:var(--gold);text-shadow:0 1px #000000e6,0 3px 4px #0009,0 0 50px #c8c6c24d;letter-spacing:4px;word-break:break-word;margin-bottom:10px;font-family:Cormorant Garamond,Times New Roman,Georgia,serif;font-size:32px;font-weight:700}.home-subtitle{opacity:.9;text-shadow:0 2px 10px #00000080;color:#b9b7b2;letter-spacing:2px;margin-bottom:30px;font-size:24px;font-weight:300}.quick-links{flex-wrap:wrap;justify-content:center;gap:15px;display:flex}.quick-link-btn{color:#fff;cursor:pointer;letter-spacing:1px;text-shadow:0 1px #0009;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);isolation:isolate;background:linear-gradient(135deg,#131315e6 0%,#1b1b1ee6 100%);border:1px solid #9a989b26;border-radius:4px;padding:12px 32px;font-family:Segoe UI,sans-serif;font-size:15px;font-weight:600;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 2px 10px #0000004d}.quick-link-btn:before{content:"";z-index:-1;background:linear-gradient(115deg,#fff0 0%,#c8a86c66 50%,#fff0 100%);width:40%;height:100%;transition:left .55s;position:absolute;top:0;left:-60%;transform:skew(-20deg)}.quick-link-btn:hover:before{left:130%}.quick-link-btn:hover{border-color:var(--gold);color:#fff;background:linear-gradient(135deg,#1b1b1ef2 0%,#202023f2 100%);transform:scale(1.05);box-shadow:0 2px 20px #9a989b0d}.quick-link-btn:active{transform:translateY(1px)}.external-link-btn{align-items:center;gap:8px;text-decoration:none;display:inline-flex}.external-link-btn .external-link-icon{color:var(--gold);font-size:14px}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.section{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(145deg,#131315d9 0%,#0b0b0ce6 100%);border:1px solid #9a989b0f;border-radius:6px;margin:0;padding:30px;animation:.3s ease-in fadeIn,6s ease-in-out infinite panel-glow;box-shadow:0 8px 30px #00000080,inset 0 1px #9a989b08}@keyframes panel-glow{0%,to{box-shadow:0 8px 30px #00000080,inset 0 1px #9a989b08,0 0 16px #b4b2af0d}50%{box-shadow:0 8px 30px #00000080,inset 0 1px #9a989b08,0 0 26px #b4b2af1a}}@media (prefers-reduced-motion:reduce){.section{animation:.3s ease-in fadeIn}}.section h2{color:var(--gold);letter-spacing:2px;text-shadow:0 1px #000000e6,0 2px 2px #00000080,0 0 18px #c8c6c240;border-bottom:2px solid #9a989b26;margin-bottom:25px;padding-bottom:15px;font-family:Cormorant Garamond,Times New Roman,Georgia,serif;font-size:24px;font-weight:600}.projects-header{margin-bottom:30px}.projects-subtitle{color:#8f8d8a;margin-top:-10px;font-size:16px;font-weight:300}.projects-cards-grid{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.projects-card-link{text-decoration:none;transition:transform .3s;display:block}.projects-card-link:hover{transform:translateY(-4px)}.projects-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(145deg,#131315e6 0%,#0b0b0cf2 100%);border:1px solid #9a989b14;border-radius:8px;flex-direction:column;height:100%;transition:all .3s;display:flex;overflow:hidden;box-shadow:0 8px 30px #0006}.projects-card:hover{border-color:#b8965a4d;box-shadow:0 12px 40px #0009}.projects-card-image-wrapper{background:#0000004d;width:100%;padding-top:56.25%;position:relative;overflow:hidden}.project-card-image{object-fit:cover;width:100%;height:100%;transition:transform .5s;position:absolute;top:0;left:0}.projects-card:hover .project-card-image{transform:scale(1.05)}.project-card-overlay{opacity:0;background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .3s;display:flex;position:absolute;top:0;left:0}.projects-card:hover .project-card-overlay{opacity:1}.project-card-link-icon{color:var(--gold);text-shadow:0 0 30px #b8965a4d;font-size:48px;font-weight:100}.projects-card-content{flex-direction:column;flex:1;gap:12px;padding:20px;display:flex}.projects-card-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.projects-card-header h3{color:var(--gold);letter-spacing:1px;text-shadow:0 1px #000000e6,0 0 12px #c8c6c233;margin:0;font-family:Cormorant Garamond,Times New Roman,Georgia,serif;font-size:18px}.projects-status-badge{color:var(--gold);letter-spacing:.5px;white-space:nowrap;background:#b8965a26;border:1px solid #b8965a26;border-radius:20px;flex-shrink:0;padding:3px 12px;font-size:10px;font-weight:500;display:inline-block}.projects-description{color:#b9b7b2;flex:1;margin:0;font-size:14px;font-weight:300;line-height:1.6}.projects-tech-stack{flex-wrap:wrap;gap:6px;padding-top:4px;display:flex}.tech-chip{color:#8f8d8a;letter-spacing:.5px;background:#9a989b0f;border:1px solid #9a989b0f;border-radius:20px;padding:3px 10px;font-size:10px;transition:all .3s}.projects-card:hover .tech-chip{color:#b9b7b2;background:#b8965a14;border-color:#b8965a1a}.app-footer{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1;background:#0b0b0cd9;border-top:1px solid #9a989b0f;flex-shrink:0;width:100%;min-height:60px;position:relative}.footer-content{color:#b9b7b2;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;height:100%;min-height:60px;padding:12px 30px;display:flex}.footer-left{flex-wrap:wrap;align-items:center;gap:15px;display:flex}.footer-right{align-items:center;display:flex}.footer-content p{opacity:.7;letter-spacing:1px;color:#9a989b;margin:0;font-size:11px;font-weight:300}.footer-attribution{color:#9a989b;opacity:.8;flex-wrap:wrap;align-items:center;gap:6px;font-size:10px;display:flex}.footer-attribution .attribution-label{color:#9a989b;opacity:.6;font-weight:300}.footer-attribution a{color:#8f8d8a;font-weight:400;text-decoration:none;transition:all .3s}.footer-attribution a:hover{color:#fff;text-decoration:underline}.footer-attribution .attribution-separator{color:#9a989b;opacity:.3;margin:0 2px}.social-links{flex-wrap:wrap;align-items:center;gap:15px;display:flex}.social-links a{color:#8f8d8a;letter-spacing:.5px;background:#0b0b0c66;border:1px solid #9a989b0f;border-radius:4px;padding:5px 16px;font-size:12px;font-weight:500;text-decoration:none;transition:all .3s}.social-links a:hover{color:#fff;background:#b8965a14;border-color:#b8965a33;box-shadow:0 0 20px #b8965a0d}@media (width<=1024px){.projects-cards-grid{grid-template-columns:1fr 1fr;gap:20px}.home-content-centered h1{font-size:52px}.vertical-nav{width:200px;min-width:200px}}@media (width<=768px){.app-container{flex-direction:column;height:100vh;overflow:hidden}.vertical-nav{width:100%;min-width:unset;border-bottom:1px solid #9a989b0f;border-right:none;flex-flow:wrap;flex-shrink:0;align-items:center;gap:8px;height:auto;padding:10px 16px;box-shadow:0 2px 15px #0006}.nav-brand{border-bottom:none;margin-bottom:0;padding-bottom:0;font-size:18px}.nav-links{flex-direction:row;flex:1;justify-content:flex-end;gap:4px}.nav-links li a{border-bottom:2px solid #0000;border-left:none;padding:6px 14px;font-size:13px}.nav-links li a:hover{border-bottom-color:#9a989b26;border-left-color:#0000}.nav-links li a.active{border-left-color:#0000;border-bottom-color:var(--gold)}.nav-footer{display:none}.main-content{flex:1;height:calc(100vh - 50px)}.app-header{flex-flow:wrap;gap:8px;min-height:44px;padding:8px 16px}.quote-container{font-size:14px}.datetime{padding:4px 12px;font-size:11px}.home-content-centered h1{letter-spacing:2px;font-size:40px}.home-subtitle{font-size:20px}.section{padding:20px}.section h2{font-size:20px}.projects-cards-grid{grid-template-columns:1fr;gap:20px}.projects-card{min-height:200px;padding:0}.projects-card-header h3{font-size:16px}.projects-description{font-size:14px}.app-footer{height:auto;min-height:auto}.footer-content{text-align:center;flex-direction:column;gap:8px;min-height:auto;padding:10px 16px}.footer-left{flex-direction:column;justify-content:center;gap:6px;width:100%}.footer-right{justify-content:center;width:100%}.footer-attribution{justify-content:center;font-size:9px}.footer-attribution a{font-size:9px}.social-links{flex-wrap:wrap;justify-content:center;gap:10px;width:100%}.social-links a{padding:4px 14px;font-size:11px}.global-video-background .bg-video{object-fit:cover;object-position:center}}@media (width<=480px){.vertical-nav{gap:4px;padding:6px 10px}.nav-brand{letter-spacing:1px;font-size:14px}.nav-links li a{padding:4px 10px;font-size:11px}.app-header{gap:6px;min-height:38px;padding:6px 12px}.quote-container{gap:4px;font-size:11px}.cursor-blink{font-size:14px}.datetime{gap:4px;padding:3px 8px;font-size:9px}.content-area{max-height:calc(100vh - 95px);padding:12px}.home-content-centered{padding:10px}.home-content-centered h1{letter-spacing:1px;font-size:28px}.home-subtitle{margin-bottom:20px;font-size:16px}.quick-link-btn{padding:10px 20px;font-size:13px}.section{padding:14px}.section h2{margin-bottom:16px;padding-bottom:10px;font-size:17px}.projects-card-content{padding:14px}.projects-card-header{flex-direction:column;align-items:flex-start;gap:8px}.projects-card-header h3{font-size:15px}.projects-description{font-size:13px;line-height:1.6}.projects-status-badge{padding:2px 10px;font-size:9px}.footer-content{gap:6px;padding:8px 12px}.footer-content p{font-size:10px}.footer-attribution{gap:4px;font-size:8px}.footer-attribution a{font-size:8px}.footer-attribution .attribution-separator{margin:0 1px}.social-links{gap:6px}.social-links a{padding:3px 10px;font-size:10px}}@media (width<=360px){.nav-brand{font-size:12px}.nav-links li a{padding:3px 8px;font-size:10px}.home-content-centered h1{font-size:22px}.home-subtitle{font-size:14px}.quick-link-btn{padding:8px 16px;font-size:12px}.section h2{font-size:15px}.projects-card-header h3{font-size:13px}.projects-description{font-size:12px}.datetime{padding:2px 6px;font-size:8px}.quote-container{font-size:10px}.cursor-blink{font-size:12px}}@media (height<=500px) and (orientation:landscape){.vertical-nav{padding:6px 12px}.nav-brand{border-bottom:none;margin-bottom:0;padding-bottom:0;font-size:14px}.nav-links li a{padding:4px 10px;font-size:11px}.app-header{min-height:34px;padding:4px 12px}.quote-container{font-size:11px}.datetime{padding:2px 8px;font-size:9px}.content-area{max-height:calc(100vh - 85px);padding:12px}.home-content-centered h1{font-size:28px}.home-subtitle{margin-bottom:15px;font-size:16px}.projects-cards-grid{grid-template-columns:1fr 1fr;gap:12px}.projects-card-content{padding:12px}.projects-description{font-size:13px}.app-footer{min-height:40px}.footer-content{min-height:40px;padding:6px 12px}}