:root{--primary-green:#2d5a3d;--medium-green:#4a7c59;--light-green:#6b9b7a;--accent-green:#8bb199;--bg-primary:#ffffff;--bg-secondary:#f8fdf9;--text-primary:#1a1a1a;--text-secondary:#4a4a4a;--text-muted:#777777;--border-colour:#e5f0e8;--shadow:0 2px 10px rgba(45, 90, 61, 0.1);--primary-orange:#e6521f;--medium-orange:#fb9c3a;--light-orange:#fcef91;--accent-orange:#ea2f14;--primary-blue:#0065f8;--medium-blue:#4ed7f1;--light-blue:#6fe6fc;--accent-blue:#a8f1ff;--link-colour:#2d5a3d;--link-hover-colour:#6b9b7a;--link-visited-colour:#5a5353}[data-theme=dark]{--primary-green:#6b9b7a;--medium-green:#8bb199;--light-green:#a8c9b1;--accent-green:#c2dcc7;--bg-primary:#0f1611;--bg-secondary:#1a2e1f;--text-primary:#e8f5ea;--text-secondary:#c2dcc7;--text-muted:#8bb199;--border-colour:#2d5a3d;--shadow:0 2px 10px rgba(0, 0, 0, 0.3);--link-colour:#6b9b7a;--link-hover-colour:#8bb199;--link-visited-colour:#8bb199}*{margin:0;padding:0;box-sizing:border-box}body{font-family:segoe ui,Cambria,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;transition:background-color .3s ease,color .3s ease}.container{max-width:1200px;margin:0 auto;padding:0 20px}header{background:var(--bg-primary);border-bottom:1px solid var(--border-colour);position:sticky top:0;z-index:100;backdrop-filter:blur(10px)}.header-content{display:flex;justify-content:space-between;align-items:center;padding:1rem 0}.logo{display:flex;align-items:center;gap:1rem}.logo svg{width:60px;height:30px}.logo-text h1{font-size:1.25rem;color:var(--primary-green);font-weight:600}.logo-text p{font-size:.75rem;color:var(--text-muted)}.header-controls{display:flex;align-items:center;gap:1rem}.header-controls nav ul{white-space:nowrap}.theme-toggle{background:0 0;border:2px solid var(--border-colour);border-radius:50%;width:40px;height:40px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;color:var(--text-primary)}.theme-toggle:hover{border-color:var(--primary-green);transform:scale(1.1)}nav ul{list-style:none;display:flex;gap:2rem}nav li{position:relative}nav a{text-decoration:none;color:var(--text-secondary);font-weight:500;transition:color .3s ease;position:relative;display:block;padding:.5rem 0}nav a:hover{color:var(--primary-green)}nav a::after{content:'';bottom:3px;left:0;width:0;height:2px;background:var(--primary-green);transition:width .3s ease}nav a:hover::after{width:100%}.dropdown{position:relative}.dropdown-toggle{cursor:pointer;display:flex;align-items:center;gap:.5rem}.dropdown-toggle::before{content:'▼';font-size:.7rem;transition:transform .3s ease;color:var(--text-muted)}.dropdown:hover .dropdown-toggle::before{transform:rotate(180deg);color:var(--primary-green)}.dropdown-menu{position:absolute;top:100%;left:0;background:var(--bg-primary);border:1px solid var(--border-colour);border-radius:8px;padding:.5rem 0;min-width:200px;box-shadow:var(--shadow);opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease;z-index:1000;backdrop-filter:blur(10px)}.dropdown:hover .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-menu a{padding:.75rem 1rem;color:var(--text-secondary);font-size:.9rem;font-weight:400;border-bottom:none;transition:all .3s ease}.dropdown-menu a:hover{background:var(--bg-secondary);color:var(--primary-green);padding-left:1.5rem}.dropdown-menu a::after{display:none}.dropdown-menu .dropdown-item-description{font-size:.7rem;color:var(--text-muted);display:block;margin-top:.3rem}.pagination{display:flex;justify-content:center;margin:2rem 0;list-style:none}.pagination a{padding:.5rem 1rem;border:1px solid var(--medium-green);border-radius:4px;margin:0 .5rem;text-decoration:none;color:var(--text-primary);transition:all .3s ease}.pagination a:hover{background:var(--bg-secondary);color:var(--primary-green)}.pagination li.active a{color:var(--text-secondary);border-color:var(--primary-green);cursor:default;pointer-events:none}.pagination li.disabled a{pointer-events:none;opacity:.5;cursor:not-allowed;color:var(--text-muted);border-color:var(--light-green)}.taxonomy-tags{list-style:none;-webkit-column-count:3;-moz-column-count:3;column-count:3;-webkit-column-gap:1rem;-moz-column-gap:1rem;column-gap:1rem}.taxonomy-section{margin-top:2em;border-radius:4px;box-shadow:var(--shadow);padding:1rem}.taxonomy-title{display:flex;align-items:center;gap:.5rem}.taxonomy-title h2{display:inline-block;margin:0}.content-badge{display:inline-block;padding:.25em .5em;border-radius:.25em;font-size:.75em;text-transform:uppercase;color:#fff;background:linear-gradient(135deg,var(--primary-green),var(--medium-green))}.content-badge.blog-badge{background:linear-gradient(135deg,var(--medium-blue),var(--primary-blue))}.content-badge.project-badge{background:linear-gradient(135deg,var(--medium-orange),var(--primary-orange))}main{margin:0 auto;padding:0 2rem 4rem}main p{margin-top:1em}main h1+p,main h2+p,main h3+p{margin-top:0}main h1,main h2,main h3{margin-top:1em;color:var(--primary-green)}main a{color:var(--link-colour)}main a:hover{color:var(--link-hover-colour)}main ul{margin:.8em 0 .2em 1.2em}main h1+ul,main h2+ul,main h3+ul{margin-top:0}main li>ul{margin-top:0}main a:visited{color:var(--link-visited-colour)}.hero{background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-primary) 100%);padding:4rem 0;text-align:center}.hero h2{font-size:3rem;margin-bottom:1rem;background:linear-gradient(135deg,var(--primary-green),var(--medium-green));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero p{font-size:1.25rem;color:var(--text-secondary);max-width:600px;margin:0 auto 2rem}.cta-button{background:var(--primary-green);color:#fff;padding:1rem 2rem;border:none;border-radius:50px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block}.cta-button:hover{background:var(--medium-green);transform:translateY(-2px);box-shadow:var(--shadow)}section#skills{text-align:center}section#skills h2{margin-bottom:1rem}.skills{display:flex;flex-wrap:wrap;justify-content:space-around;gap:4rem}.skill{background:var(--bg-secondary);border-radius:4px;box-shadow:var(--shadow);padding:1rem;max-width:20rem;text-align:center}.skill p{margin:0}.skill h3{margin:0 0 .8rem}.highlight>pre{padding:1rem;overflow-x:auto}footer{background:var(--bg-secondary);border-top:1px solid var(--border-colour);padding:2rem 0;text-align:center}.footer-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}#footerContacts{display:flex;gap:1rem}#footerContacts a{color:var(--text-secondary);text-decoration:none;transition:color .3s ease}#footerContacts a:hover{color:var(--primary-green)}@media(max-width:768px){.header-content{flex-direction:column;gap:1rem}nav ul{flex-direction:column;gap:1rem}.dropdown-menu{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:none;background:var(--bg-secondary);margin-top:.5rem;border-radius:4px;display:none}.dropdown:hover .dropdown-menu{display:block}.dropdown-menu a{padding:.5rem 1rem}.dropdown-menu a:hover{padding-left:1rem}.hero h2{font-size:2rem}.footer-content{flex-direction:column;text-align:center}}.project-section,.blog-section{margin-top:2em;border-radius:4px;box-shadow:var(--shadow);padding:1rem}.project-section h2,.blog-section h2{margin:0}div.image-viewer{display:flex;width:100%;height:16em;background-color:var(--bg-secondary);flex-direction:row;justify-content:space-around;align-items:center;white-space:nowrap;margin:1em 0;border-radius:.2em;overflow:auto hidden;scroll-direction:horizontal}div.image-viewer a{display:block;max-height:100%;padding:.5em 0;margin:0 .5em 0 0}img.projects-image{display:block;max-height:100%;height:15em}div.image-viewer a:first-child{margin-left:.5em}div.project-title-bar{display:flex;padding:0 .25em;flex-direction:row;justify-content:space-between;align-items:center;width:100%;border-bottom:1px solid #54575a;border-radius:.1em .1em 0 0;background-color:var(--accent-green);user-select:none}div.project-title-bar>label{display:inline-block}.project-title-bar h2{color:var(--text-primary);font-size:20px;font-weight:400;text-align:center}img.project-window-icon{margin-bottom:1px;pointer-events:none}span.project-window-controls{margin-top:3px}label.project-minimise-btn,label.project-maximise-btn,img.project-window-close{cursor:pointer}.project-window-minimise:checked+.project-minimise-btn img{content:url(/img/show-btn.png)}.project-window-maximise:checked+.project-maximise-btn img{content:url(/img/restore-btn.png)}div.project-content{transform-origin:top;visibility:visible;transform:scaleY(1);max-height:auto;transition:visibility .25s,transform .25s,max-height .25s}div.project-content.minimised{visibility:hidden;transform:scaleY(0);max-height:0}section#todo{padding:1.5em;background-color:var(--bg-secondary);border-radius:4px;box-shadow:var(--shadow);margin-bottom:1rem;max-width:600px;margin:0 auto}div.project-window{color:#000;background-color:#fff;margin:.5em;border:1px solid grey;overflow:hidden;border:1px solid #54575a;padding:0;border-radius:.2em;box-shadow:var(--shadow)}div.project-title-bar label button{width:16px;height:16px;border-width:0;border-radius:8px}label.project-window-minimise button{background-image:url(/img/minimise_btn.png);background-attachment:fixed}div.project-window.maximised{z-index:9999;position:fixed;width:100vw;height:100vh;margin:auto 0;top:0;right:0;bottom:0;left:0}form#arch-parameters-form{width:100%;padding:0 .2em;background-color:lightgrey;border-bottom:1px solid #000}span.arch-toolbar-item{display:inline-block;margin-right:.5em}span.arch-toolbar-item input{max-width:5em}span.arch-toolbar-item-with-select input[type=number]{max-width:4em;text-align:right}span.arch-toolbar-item.hidden{display:none}div.canvas-container{margin-left:0;position:relative;overflow:hidden;transform-origin:top left}canvas#arch-drawing-area{display:block;z-index:1;transform:scaleY(-1)}div#arch-axes,div#arch-grid{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:0.5}div.axis{position:absolute;background-color:lightgrey;font-size:.75em;pointer-events:none}div.axis.x{height:2px;text-align:center}div.axis.y{width:2px;text-align:right}div.grid{position:absolute;font-size:.75em;pointer-events:none}div.grid.x{height:1px;background-image:repeating-linear-gradient( 90deg,lightgrey,lightgrey 1px,transparent 2px,transparent 5px );text-align:center}div.grid.y{width:1px;background-image:repeating-linear-gradient( 0,lightgrey,lightgrey 1px,transparent 2px,transparent 5px );text-align:right}div.axis-label{position:absolute;background-color:#fff}form#axes-toggle-box{position:absolute;border:1px solid #000;padding:.5em;background-color:#fff;right:0;bottom:0;font-size:10px;text-align:right;padding:2px;transform-origin:bottom right;user-select:none}input#axes-visibility-chk,input#grid-visibility-chk{height:11px}