@import url('https://fonts.googleapis.com/css2?family=Pixelify+Sans:wght@400..700&family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap');

:root{--ink:#070b12;--panel:#0b1019;--cream:#f1ece4;--muted:#aaa5ad;--line:#343842;--purple:#9b5bd0;--violet:#c17df0}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--cream);font-family:"Space Mono",monospace;font-size:14px;line-height:1.55}body.light{background:#eee8df;color:#0b0d13}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{font:inherit}.site{min-height:100vh}.shell{width:min(1180px,calc(100% - 44px));margin:auto}.nav{height:80px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:5}.brand{display:flex;gap:11px;align-items:center;font-family:"Pixelify Sans",sans-serif;font-weight:700;letter-spacing:.06em}.brand-mark{display:grid;place-items:center;width:25px;height:25px;border-radius:3px;background:var(--cream);color:var(--ink);font-family:Arial;font-weight:900}.light .brand-mark{background:var(--ink);color:var(--cream)}.links{display:flex;align-items:center;gap:34px;font-family:"Pixelify Sans",sans-serif;font-size:14px;text-transform:uppercase}.links a{padding:6px 0;border-bottom:1px solid transparent}.links a:hover,.links a.active{color:var(--violet);border-color:var(--violet)}.theme-toggle{font-size:20px}.menu{display:none;background:transparent;color:inherit;border:1px solid currentColor;padding:5px 9px}.eyebrow,.tag{color:var(--violet);text-transform:uppercase;font-size:12px}.tag{display:inline-block;background:var(--purple);color:#fff;padding:1px 6px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:16px;padding:13px 24px;border:1px solid currentColor;text-transform:uppercase;font-weight:700;font-size:12px;background:transparent;color:inherit;cursor:pointer}.btn.primary{background:var(--purple);color:#0a0810;border-color:var(--purple)}.btn:hover{transform:translateY(-2px)}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:"Pixelify Sans",sans-serif;font-weight:500}h1{font-size:42px;line-height:1.08;letter-spacing:.02em}h2{font-size:29px;line-height:1.2}h3{font-size:18px}.purple{color:var(--purple)}.hero{min-height:100vh;background:url('assets/homepage_banner.jpg') center/cover no-repeat}.hero-copy{padding-top:13vh;width:430px}.hero h1{font-size:60px;text-transform:uppercase}.hero p{width:335px;font-size:16px;margin:28px 0}.actions{display:flex;gap:14px;flex-wrap:wrap}.page-head{padding:35px 0 22px}.page-head h1{margin-bottom:8px}.muted{color:var(--muted)}.filters{display:flex;gap:9px;margin:18px 0 25px}.filter{border:1px solid #282d35;background:transparent;color:inherit;padding:7px 17px;text-transform:uppercase;font-size:11px;cursor:pointer}.filter.active{background:var(--purple);color:#0b0910}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{border:1px solid var(--line);background:linear-gradient(145deg,#0c111a,#080c12);transition:.2s}.card:hover{border-color:var(--purple);transform:translateY(-3px)}.card img{width:100%;height:225px;object-fit:cover}.card-body{padding:17px}.card h3{margin-bottom:2px}.card p{color:#b9b4bc;min-height:45px}.card .arrow{float:right;font-size:20px}.footer{border-top:1px solid #30343c;margin-top:42px;padding:22px 0}.footer-inner{display:flex;align-items:center;justify-content:space-between}.mission{display:flex;gap:14px;align-items:center;color:#88838d;font-size:11px;text-transform:uppercase}.planet-icon{font-size:36px;color:var(--purple)}.social{display:flex;gap:23px;font-size:18px}.blog-layout{display:grid;grid-template-columns:220px 1fr;gap:30px}.categories{border-right:1px solid #282d35;padding-right:28px}.categories a{display:block;padding:10px 13px;margin:3px 0;font-size:12px;text-transform:uppercase}.categories a.active,.categories a:hover{background:var(--purple);color:#09070d}.post-list{border:1px solid var(--line)}.post{display:grid;grid-template-columns:170px 1fr 28px;gap:18px;padding:14px;border-bottom:1px solid var(--line);align-items:center}.post:last-child{border:0}.post img{width:170px;height:95px;object-fit:cover}.post h3{margin:0 0 4px}.post p{margin:5px 0;color:#b4afb7}.about-hero{min-height:760px;background:url('assets/about_banner.jpg') center/cover no-repeat}.about-copy{padding-top:70px;width:430px}.about-copy p{max-width:400px;font-size:16px}.article{max-width:890px;margin:auto;padding:34px 0}.back{display:inline-block;margin-bottom:28px;color:#b8b2ba}.article h1{font-size:36px;margin:9px 0}.article-meta{color:#aaa4ad;margin-bottom:20px}.article-banner{width:100%;height:300px;object-fit:cover;border:1px solid #3a3e46}.prose{font-size:16px;color:#d1ccd2}.prose p{margin:22px 0}.note{border:1px solid #6b477e;padding:20px;margin:20px 0}.project-layout{display:grid;grid-template-columns:360px 1fr;gap:40px;align-items:center;padding:50px 0}.project-copy p{font-size:15px;color:#c8c2cb}.meta{display:flex;gap:30px;margin-top:36px}.meta span{display:block;color:#88828d;font-size:10px}.project-gallery .main{width:100%;height:500px;object-fit:cover;border:1px solid #4a4d55}.thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:10px}.thumbs img{height:90px;width:100%;object-fit:cover;border:1px solid #3f434b;cursor:pointer}.thumbs img.active,.thumbs img:hover{border-color:var(--violet)}.empty{display:none}
@media(max-width:800px){.shell{width:min(100% - 28px,1180px)}.menu{display:block}.links{display:none;position:absolute;top:66px;right:0;background:#0a0e16;border:1px solid #424650;padding:18px;flex-direction:column;gap:12px}.links.open{display:flex}.hero{background-position:64% center}.hero:before{content:"";position:absolute;inset:80px 0 0;background:linear-gradient(90deg,rgba(241,236,228,.92),rgba(241,236,228,.35))}.hero-copy{position:relative;padding-top:16vh;width:auto}.hero h1{font-size:43px}.grid{grid-template-columns:1fr}.blog-layout,.project-layout{grid-template-columns:1fr}.categories{border:0;padding:0}.post{grid-template-columns:110px 1fr}.post img{width:110px}.post .arrow{display:none}.about-copy{width:65%}.project-gallery .main{height:330px}.footer-inner{gap:15px}.mission{font-size:9px}}@media(max-width:500px){h1{font-size:34px}.hero h1{font-size:38px}.hero-copy p{width:auto}.about-hero{background-position:62% center}.about-copy{width:100%;text-shadow:0 2px 8px #000}.post{grid-template-columns:1fr}.post img{width:100%;height:150px}.meta{gap:15px}.project-gallery .main{height:250px}.thumbs img{height:60px}.social{gap:12px}}

body{font-size:16px;line-height:1.6}.links{font-size:15px}.eyebrow,.tag,.btn,.filter,.categories a,.mission,.meta span{font-size:13px}

.thumbs{grid-template-columns:repeat(auto-fit,minmax(90px,1fr))}

.brand-mark,.light .brand-mark{width:32px;height:32px;border-radius:0;background:transparent url('assets/unbreaded-mark.svg') center/contain no-repeat;color:transparent;font-size:0}

body.dark{color-scheme:dark}body.light{color-scheme:light;--ink:#f0e9df;--panel:#fffaf2;--cream:#0b0d13;--muted:#615b65;--line:#bbb0c6;--purple:#8750bf;--violet:#8d45c5;background:var(--ink);color:var(--cream)}body.light .card{background:linear-gradient(145deg,#fffaf2,#e7ded4)}body.light .card p,body.light .post p,body.light .project-copy p,body.light .prose{color:#352f3a}body.light .footer{border-color:#c9becf}body.light .post-list,body.light .post,body.light .article-banner,body.light .project-gallery .main,body.light .thumbs img,body.light .note{border-color:#b9aec3}body.light .filter{border-color:#b9aec3}body.light .links.open{background:#f6efe6}body.light .categories{border-color:#c8bdcf}body.light .muted,body.light .article-meta,body.light .back,body.light .meta span,body.light .mission{color:#615b65}

body.dark .hero{background-image:url('assets/homepage_banner_dark.png')}body.dark .hero-copy p{color:#e7dde9}body.dark .hero .btn:not(.primary){background:rgba(7,11,18,.38);border-color:rgba(241,236,228,.7)}
body.light .about-hero{background-image:url('assets/about_banner_light.png')}body.light .about-copy p{color:#25212b}

.theme-toggle,.nav-style-toggle{display:grid;place-items:center;width:34px;height:34px;border:1px solid transparent;background:transparent;color:inherit;cursor:pointer}.theme-toggle{padding:0}.theme-icon{width:21px;height:21px;filter:invert(1)}.theme-icon-moon{display:none}body.light .theme-icon{filter:none}body.light .theme-icon-sun{display:none}body.light .theme-icon-moon{display:block}.footer-controls{display:flex;align-items:center;gap:18px}.nav-style-toggle{border-color:#3f434b;color:var(--violet);font-family:"Pixelify Sans",sans-serif;font-size:18px}.nav-style-toggle:hover{border-color:var(--violet);transform:translateY(-2px)}body.light .nav-style-toggle{border-color:#b9aec3}

/* Navigation style switcher: flat, buttons, bookmark, signal, floating. */
.nav,.links,.links a,.theme-toggle{transition:background-color .28s,color .28s,border-color .28s,transform .28s,box-shadow .28s,border-radius .28s}.links a{position:relative}.theme-toggle{display:grid;place-items:center;width:34px;height:34px;border:0;cursor:pointer}

body[data-nav-style="0"] .links{gap:30px}body[data-nav-style="0"] .links a{border:0;opacity:.72}body[data-nav-style="0"] .links a:hover,body[data-nav-style="0"] .links a.active{opacity:1;color:inherit}body[data-nav-style="0"] .links a:not(.theme-toggle)::after{content:"";position:absolute;left:0;right:100%;bottom:2px;height:2px;background:var(--violet);transition:right .25s}body[data-nav-style="0"] .links a:hover::after,body[data-nav-style="0"] .links a.active::after{right:0}body[data-nav-style="0"] .theme-toggle:hover{color:var(--violet);transform:rotate(20deg)}

body[data-nav-style="1"] .links{gap:9px}body[data-nav-style="1"] .links a{border:1px solid #4a4d58;padding:8px 16px;border-radius:3px}body[data-nav-style="1"] .links a:hover{border-color:var(--violet);transform:translateY(-2px);box-shadow:3px 3px 0 #4f2a68}body[data-nav-style="1"] .links a.active{background:var(--purple);border-color:var(--purple);color:#09070e;box-shadow:3px 3px 0 #efe8df}body.light[data-nav-style="1"] .links a{border-color:#34313a}body[data-nav-style="1"] .theme-toggle{padding:0;border-radius:3px}
body.light[data-nav-style="1"] .links a:hover{box-shadow:3px 3px 0 #d8cde2}body.light[data-nav-style="1"] .links a.active{color:#f7efe7;box-shadow:3px 3px 0 #16111f}

body[data-nav-style="2"] .nav{overflow:visible}body[data-nav-style="2"] .links{height:80px;align-items:stretch;gap:4px}body[data-nav-style="2"] .links a{display:flex;align-items:center;padding:0 17px;border:0;isolation:isolate}body[data-nav-style="2"] .links a::before{content:"";position:absolute;z-index:-1;inset:-32px 4px 6px;background:transparent;clip-path:polygon(0 0,100% 0,100% 82%,0 100%);transform:translateY(-55px);transition:transform .38s cubic-bezier(.2,.85,.3,1),background .25s}body[data-nav-style="2"] .links a:hover::before{background:#34233f;transform:translateY(0)}body[data-nav-style="2"] .links a.active{color:#09070e}body[data-nav-style="2"] .links a.active::before{background:var(--violet);transform:translateY(0);box-shadow:0 6px 18px rgba(155,91,208,.35)}body.light[data-nav-style="2"] .links a:hover{color:var(--cream)}body[data-nav-style="2"] .links .theme-toggle::before{display:none}body[data-nav-style="2"] .theme-toggle{align-self:center;padding:0}
body.light[data-nav-style="2"] .links a:hover{color:#0b0d13}body.light[data-nav-style="2"] .links a:hover::before{background:#d8cde2}body.light[data-nav-style="2"] .links a.active{color:#f7efe7}body.light[data-nav-style="2"] .links a.active::before{background:#8750bf;box-shadow:0 6px 18px rgba(135,80,191,.24)}

@keyframes nav-signal{0%,100%{transform:scaleX(.18);opacity:.5}50%{transform:scaleX(1);opacity:1}}@keyframes nav-flicker{0%,92%,100%{text-shadow:none}94%{text-shadow:2px 0 var(--violet),-2px 0 #55dfe8}96%{text-shadow:-1px 0 var(--violet),1px 0 #55dfe8}}body[data-nav-style="3"] .links{gap:32px}body[data-nav-style="3"] .links a{border:0;padding:10px 2px;letter-spacing:.08em}body[data-nav-style="3"] .links a:not(.theme-toggle)::after{content:"";position:absolute;left:0;right:0;bottom:3px;height:3px;background:linear-gradient(90deg,transparent,var(--violet),#55dfe8,var(--violet),transparent);transform-origin:center;animation:nav-signal 1.8s ease-in-out infinite;opacity:0}body[data-nav-style="3"] .links a:hover,body[data-nav-style="3"] .links a.active{animation:nav-flicker 2.7s steps(1) infinite;color:var(--cream)}body.light[data-nav-style="3"] .links a:hover,body.light[data-nav-style="3"] .links a.active{color:var(--ink)}body[data-nav-style="3"] .links a:hover::after,body[data-nav-style="3"] .links a.active::after{opacity:1}body[data-nav-style="3"] .theme-toggle{border:1px solid var(--purple);border-radius:50%;animation:nav-signal 2.3s ease-in-out infinite}
body.light[data-nav-style="3"] .links a:hover,body.light[data-nav-style="3"] .links a.active{color:#0b0d13}

body[data-nav-style="4"] .nav{height:64px;top:10px;padding:0 12px 0 18px;border:1px solid rgba(193,125,240,.32);border-radius:18px;background:rgba(8,11,18,.74);box-shadow:0 12px 35px rgba(0,0,0,.25),inset 0 1px rgba(255,255,255,.08);backdrop-filter:blur(14px)}body.light[data-nav-style="4"] .nav{background:rgba(241,236,228,.76);box-shadow:0 12px 35px rgba(28,20,35,.14),inset 0 1px rgba(255,255,255,.7)}body[data-nav-style="4"] .links{gap:5px}body[data-nav-style="4"] .links a{border:0;padding:8px 14px;border-radius:12px}body[data-nav-style="4"] .links a:hover{background:rgba(155,91,208,.16)}body[data-nav-style="4"] .links a.active{background:var(--cream);color:var(--ink);box-shadow:0 4px 15px rgba(0,0,0,.24)}body.light[data-nav-style="4"] .links a.active{background:var(--ink);color:var(--cream)}body[data-nav-style="4"] .theme-toggle{padding:0;border-radius:50%;background:var(--purple);color:#08060b}body[data-nav-style="4"] .theme-toggle:hover{transform:rotate(90deg) scale(1.08)}
body.light[data-nav-style="4"] .links a:hover{background:rgba(135,80,191,.12)}body.light[data-nav-style="4"] .links a.active{background:#17111f;color:#f7efe7}

@media(max-width:800px){body[data-nav-style] .links{height:auto;align-items:stretch;gap:8px;padding:12px}body[data-nav-style] .links a{display:flex;min-height:40px;align-items:center;padding:8px 13px}body[data-nav-style="2"] .links a::before{inset:2px;clip-path:polygon(0 0,100% 0,94% 100%,0 100%);transform:translateY(0)}body[data-nav-style="2"] .links .theme-toggle{align-self:auto}body[data-nav-style="4"] .nav{top:8px}body[data-nav-style="4"] .links{top:62px;background:rgba(8,11,18,.94);border-radius:14px}body.light[data-nav-style="4"] .links{background:rgba(241,236,228,.96)}}

@media(max-width:800px){.hero:before{display:none}body.light .about-hero{background-image:url('assets/about_banner_light.png')}}
@media(max-width:500px){body.light .about-copy{text-shadow:none}}

.copyright{color:#88838d;font-size:11px;text-transform:uppercase}body.light .copyright{color:#615b65}.footer-controls{flex-wrap:wrap;justify-content:flex-end}.home-page .hero{position:relative;overflow:hidden}.home-page .home-footer{position:absolute;left:0;right:0;bottom:0;margin:0;border-top:1px solid rgba(7,11,18,.18);padding:18px 0;background:rgba(241,236,228,.72);backdrop-filter:blur(6px)}.home-page .home-footer .mission,.home-page .home-footer .copyright{color:#17111f;font-weight:700;text-shadow:0 1px rgba(255,255,255,.35)}body.dark .home-page .home-footer{border-color:rgba(241,236,228,.18);background:rgba(7,11,18,.68)}body.dark .home-page .home-footer .mission,body.dark .home-page .home-footer .copyright{color:#f1ece4;text-shadow:0 1px 2px rgba(0,0,0,.45)}.home-page .hero-copy{padding-bottom:110px}body.home-page[data-nav-style="4"] .nav{height:80px;top:auto;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none}

@media(max-width:800px){.footer-inner{align-items:flex-start}.footer-controls{gap:10px}.home-page .home-footer{position:relative;margin-top:10vh}.home-page .hero{overflow:visible}.home-page .hero-copy{padding-bottom:0}body.home-page[data-nav-style="4"] .links{top:66px;border-radius:14px}}

.footer{padding:12px 0}.home-page .home-footer{padding:10px 0}.copyright{display:inline-flex;align-items:center;gap:4px;line-height:1}.copyright-symbol{font-family:Arial,sans-serif;font-size:1.28em;line-height:.8}
.footer-inner{align-items:center}.mission,.footer-controls{align-items:center}.mission{line-height:1}.planet-icon{line-height:1}