*,*:before,*:after{box-sizing:border-box}:root{font-family:JetBrains Mono,monospace;color:#8fffa0;background:#0e0e0c;--panel-height: clamp(32rem, calc(100vh - 12rem) , 64rem);--stack-gap: .75rem;--base-scale: 1;--font-scale: 1;--space-scale: 1}body,html{font-size:clamp(16px,1vw,22px);overflow-x:hidden}@media(min-width:2400px)and (min-height:1350px){body,html{font-size:clamp(21px,2vw,29px)}}@media(min-resolution:144dpi){body,html{font-size:clamp(18px,1.8vw,25px)}}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:url(../../../textures/grain.png);background-repeat:repeat;background-size:auto;mix-blend-mode:soft-light;opacity:.1;pointer-events:none;z-index:0}.site-logo{position:absolute;top:38%;right:clamp(.75rem,1.5vw,1.25rem);transform:translateY(-50%);z-index:3;width:clamp(3rem,5vw,4.25rem);height:clamp(3rem,5vw,4.25rem);object-fit:contain;pointer-events:none}.layout{display:grid;grid-template-columns:minmax(200px,250px) 1fr;gap:clamp(.75rem,2vw,1.5rem);padding:clamp(.75rem,2vw,1.5rem) clamp(.5rem,1.5vw,1rem);max-width:100%;overflow-x:hidden}.valley-header{position:relative;width:100%;text-align:left;color:#8fffa0;font-size:.75rem;letter-spacing:.05em;padding-bottom:.375rem;padding-right:clamp(4rem,8vw,5.25rem);border-bottom:1px dashed}.valley-header .blinker{margin-left:.1rem;color:#8fffa0;animation:blink .65s steps(2,start) infinite}.sidebar-stuff{position:sticky;align-self:flex-start;min-width:200px;display:flex;flex-direction:column;gap:.75rem}@media(max-width:768px){.sidebar-stuff{position:relative;min-width:150px}}.sidebar-header,.nav-extra-header{color:#ffb86b;font-size:.9rem;font-weight:700;letter-spacing:0;line-height:1.3;margin:0;text-transform:uppercase}.nav-extra-group{display:flex;flex-direction:column;gap:.75rem}.nav-stuff{border:3px solid rgba(255,184,107,.3);animation:shimmer 3s ease-in-out infinite;border-radius:1rem;padding:clamp(.75rem,1.5vw,1rem);display:flex;flex-direction:column;gap:.5rem}@media(max-width:768px){.nav-stuff{padding:.75rem}}.nav-stuff a{color:#8fffa0;text-decoration:none;font-size:clamp(.875rem,1.2vw,1rem);display:flex;align-items:center;position:relative;padding:.2rem 0}.nav-stuff a .caret{margin-right:.5rem}.nav-stuff a .blinker{margin-left:.1rem;color:#a182c1;animation:blink .65s steps(2,start) infinite}.nav-stuff a:hover{color:#f5f7a1;text-shadow:0 0 5px #f5f7a1}.nav-stuff a.active{font-weight:700;color:#a182c1}.nav-stuff a.active:hover{color:#ffb3d1;text-shadow:0 0 5px #ffb3d1}.nav-extra{border:3px solid rgba(255,184,107,.3);animation:shimmer 3s ease-in-out infinite;border-radius:1rem;display:flex;flex-direction:column;gap:.55rem;color:#8fffa0;padding:clamp(.75rem,1.5vw,1rem)}.nav-extra-actions{display:flex;flex-direction:column;align-items:flex-start;gap:.3rem}.nav-extra-actions a{color:#8fffa0;font-size:.72rem;font-weight:700;line-height:1.35;padding:0;text-decoration:none;white-space:nowrap}.nav-extra-actions a:hover,.nav-extra-actions a:focus-visible{color:#f5f7a1;outline:none;text-shadow:0 0 5px rgba(245,247,161,.5)}.profile-slideshow{width:100%;overflow:hidden;transition:height .32s ease}.profile-slideshow .snapshot{margin:0;display:flex;flex-direction:column;gap:.35rem;animation:snapshot-enter .35s ease;opacity:1;transform:translateY(0);transition:opacity .24s ease,transform .24s ease}.profile-slideshow .snapshot.fading{opacity:0;transform:translateY(.1rem)}.profile-slideshow img{width:100%;max-height:16rem;height:auto;object-fit:contain;border:1px solid rgba(255,184,107,.45);border-radius:.5rem;background:#0b281b59}.profile-slideshow figcaption{color:#a182c1;font-size:.72rem;font-style:italic;line-height:1.35;margin:0}.profile-slideshow figcaption:before{content:"> ";color:#a182c1}.slideshow-empty{width:100%;height:100%;display:flex;align-items:center;justify-content:center;border:1px dotted rgba(255,184,107,.5);color:#7a7a7a;font-size:.72rem;font-style:italic;text-align:center}.nav-extra-download{display:inline-block;align-self:flex-start;color:#8fffa0;font-size:.72rem;font-weight:700;line-height:1.35;padding:0;text-decoration:none;white-space:nowrap}.nav-extra-download:hover,.nav-extra-download:focus-visible{color:#f5f7a1;outline:none;text-shadow:0 0 5px rgba(245,247,161,.5)}.nav-extra-label{color:#a182c1;font-size:.72rem;font-style:italic;line-height:1.35;margin:0}.message-checklist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.15rem}.message-checklist li{color:#8fffa0;font-size:.72rem;line-height:1.35}.message-checklist li:before{content:"> ";color:#ffb86b;margin-right:.25rem}.checklist-category h4{color:#f5f7a1;font-size:.72rem;font-weight:700;margin:0 0 .3rem;text-transform:uppercase;letter-spacing:.05em}.route-content{display:grid;grid-template-columns:1fr 1.5fr;gap:clamp(.75rem,2vw,1.5rem);max-width:1600px;width:100%;padding-right:clamp(.5rem,2vw,2rem)}@media(max-width:1200px){.route-content{grid-template-columns:1fr;gap:var(--stack-gap);padding-right:0}}.portfolio-grid{display:grid;grid-template-columns:minmax(480px,2fr) minmax(480px,2fr) minmax(480px,2fr);gap:clamp(.75rem,2vw,1.5rem);width:100%;max-width:100%;align-items:start}@media(max-width:1400px){.portfolio-grid{grid-template-columns:minmax(350px,1.5fr) minmax(440px,1.1fr) minmax(380px,1.8fr)}}@media(max-width:1200px){.portfolio-grid{grid-template-columns:1fr;gap:var(--stack-gap)}}@media(max-width:768px){.portfolio-grid{gap:var(--stack-gap)}}.project-media{display:flex;flex-direction:column;gap:clamp(.75rem,2vw,1.5rem);height:var(--panel-height);overflow:hidden;max-width:100%;border:3px solid rgba(255,184,107,.3);border-radius:1rem;animation:shimmer 3s ease-in-out infinite;padding:clamp(.75rem,1.5vw,1rem);padding-right:0}.project-media img,.project-media video{max-width:100%;height:auto;border-radius:1rem}@media(max-width:1200px){.project-media{height:40vh;margin-bottom:0}}@media(max-width:768px){.project-media{height:35vh;padding:.75rem}}.project-media-content{min-height:0;flex:1 1 auto}.project-list-pane,.project-media-pane,.project-log-pane{display:flex;flex-direction:column;min-width:0;max-width:100%}.panel-header{color:#ffb86b;font-size:.9rem;letter-spacing:0;margin:0 0 .75rem}.filters-cards-column{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;height:var(--panel-height);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#ffb86b transparent}.filters-cards-column::-webkit-scrollbar{width:4px;height:4px}.filters-cards-column::-webkit-scrollbar-track{background:transparent}.filters-cards-column::-webkit-scrollbar-thumb{background:#ffb86b;border-radius:2px}.filters-cards-column::-webkit-scrollbar-button{display:none}.filters-cards-column{padding:clamp(.75rem,1.5vw,1rem)}@media(max-width:1200px){.filters-cards-column{height:auto;min-height:40vh;margin-bottom:0}}@media(max-width:768px){.filters-cards-column{padding:.75rem;min-height:35vh}}.tags{display:flex;flex-direction:column;align-items:stretch;gap:.25rem;margin-bottom:.25rem;width:100%}.project-filters,.projects-group{width:100%;min-width:0}.project-media,.filters-cards-column{border:3px solid rgba(255,184,107,.3);border-radius:1rem;animation:shimmer 3s ease-in-out infinite}.project-list{display:flex;flex-direction:column;font-size:1rem;padding-top:.5rem;width:100%;min-width:0;max-width:100%;border-top:1px dashed #ffb86b}.project-log-pane{width:100%}a:hover,button:hover{color:#ffb3d1;transition:color .3s ease}@keyframes blink{0%{opacity:1}50%{opacity:0}to{opacity:1}}@keyframes blink-header{0%{opacity:1}50%{opacity:.5}to{opacity:1}}@keyframes shimmer{0%{border-color:#ffb86b}50%{border-color:#ffd09e}to{border-color:#ffb86b}}@keyframes snapshot-enter{0%{opacity:0}to{opacity:1}}@media(min-width:2400px)and (min-height:1350px){:root{--base-scale: 1.15;--font-scale: 1.1;--space-scale: 1.2}body,html{font-size:clamp(18px,1.7vw,24px)}.layout{grid-template-columns:minmax(calc(280px * var(--base-scale)),calc(320px * var(--base-scale))) 1fr;gap:calc(clamp(.75rem,2vw,1.5rem) * var(--space-scale));padding:calc(clamp(.75rem,2vw,1.5rem) * var(--space-scale)) calc(clamp(.5rem,1.5vw,1rem) * var(--space-scale))}.portfolio-grid{grid-template-columns:minmax(calc(480px * var(--base-scale)),2fr) minmax(calc(480px * var(--base-scale)),2fr) minmax(calc(480px * var(--base-scale)),2fr);gap:calc(clamp(.75rem,2vw,1.5rem) * var(--space-scale))}.sidebar-stuff{min-width:calc(280px * var(--base-scale));gap:calc(.85rem * var(--space-scale))}.nav-stuff{padding:calc(clamp(.75rem,1.5vw,1rem) * var(--space-scale))}.nav-stuff a{font-size:calc(clamp(.875rem,1.2vw,1rem) * var(--font-scale))}.route-content{gap:calc(clamp(.75rem,2vw,1.5rem) * var(--space-scale));padding-right:calc(clamp(.5rem,2vw,2rem) * var(--space-scale));max-width:2000px}.project-media,.filters-cards-column{padding:calc(clamp(.75rem,1.5vw,1rem) * var(--space-scale));gap:calc(clamp(.75rem,2vw,1.5rem) * var(--space-scale))}.project-media{padding-right:0}.valley-header{font-size:calc(.75rem * var(--font-scale))}}@media(max-width:768px){.layout{grid-template-columns:1fr;gap:var(--stack-gap);padding:.75rem .5rem}.sidebar-stuff{margin-bottom:0;min-width:unset;width:100%}.route-content{grid-template-columns:1fr;gap:var(--stack-gap);padding-right:0}.valley-header{font-size:.7rem;padding-right:clamp(3.75rem,16vw,5rem)}.valley-header h2{font-size:1.1rem}}