@layer reset, tokens, base, layout, components, integrations, utilities;@layer components.primitives, components.navigation, components.bio, components.details, components.tables, components.galleries, components.modal, components.discogs;@layer integrations.maplibre, integrations.map;@layer reset{*,:after,:before{box-sizing:border-box;interpolate-size:allow-keywords;margin:0;padding:0}button,summary{cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none}:is(img,picture,video,canvas,svg){display:block;max-inline-size:100%}:is(input,button,textarea,select){font:inherit}:is(p,h1,h2,h3,h4,h5,h6){overflow-wrap:break-word}:focus-visible{outline:2px solid var(--color-accent-0);outline-offset:.2em}@media (prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}}}@layer tokens{:root{accent-color:var(--color-accent-0);color-scheme:light dark;--space-hr:round(clamp(0.125rem,2vw,1rem),0.125rem);--space-sm:clamp(0.25rem,1vw,0.5rem);--space-md:clamp(0.5rem,2vw,1rem);--space-lg:clamp(1rem,4vw,2rem);--fluid-padding-inline:clamp(0rem,5vw,5rem);--fluid-padding-table:round(clamp(0.25rem,2vw - 0.5rem,0.5rem),0.0125rem);--modal-max-width:85dvw;--modal-max-height:90dvh;--font-family-ui:ui-rounded,sans-serif,systemui;--font-family-mono:ui-monospace,"Cascadia Code","Source Code Pro",menlo,consolas,"DejaVu Sans Mono",monospace;--font-weight-light:300;--font-weight-normal:400;--font-weight-heavy:600;--font-base:round(clamp(1rem,0.9rem + 0.5vw,1.125rem),0.0625rem);--font-scale:1.2;--text-xs:calc(var(--font-base) * 0.75);--text-sm:calc(var(--font-base) * 0.875);--text-base:var(--font-base);--text-md:calc(var(--font-base) * var(--font-scale));--text-lg:calc(var(--font-base) * var(--font-scale) * 1.2);--text-xl:calc(var(--font-base) * var(--font-scale) * 1.44);--text-2xl:calc(var(--font-base) * var(--font-scale) * 1.728);--text-table:clamp(0.875rem,0.8rem + 0.35vw,1rem);--color-bg-main:light-dark(var(--white-0),var(--black-0));--color-text:light-dark(var(--black-0),var(--white-0));--color-text-primary:var(--color-text);--color-text-secondary:oklch(from var(--color-text-primary) l c h/0.7);--color-text-muted:oklch(from var(--color-text-primary) l c h/0.5);--color-text-selected:var(--color-bg-main);--color-text-selection:oklch(from var(--color-accent-0) l c h/0.9);--line-height-base:1;--line-height-compact:1.3;--line-height-airy:1.5;--line-height-loose:2;--radius-sm:0.25rem;--radius-main:clamp(0.5rem,2vw,2rem);--radius-section:clamp(0.25rem,2vw,1rem);--radius-image:clamp(0.125rem,2vw - 0.5rem,1rem);--grid-gap-sm:var(--space-sm);--grid-gap:var(--space-md);--blur-modal:blur(1.5em);--blur-modal-caption:blur(1em);--turquoise:oklch(75% 0.13 185);--international-orange:oklch(67% 0.222 37.42);--blue:oklch(66% 47% 250deg);--green:oklch(62% 34% 161deg);--paradise-pink:oklch(0.632 0.2406 23.18);--black-0:oklch(13% 0 none);--black-1:oklch(23% 0 none);--black-2:oklch(36% 0 none);--black-3:oklch(48% 0 none);--gray-0:oklch(81% 0 90);--slate-0:oklch(40% 0.04 197);--white-0:oklch(98.52% 0 89.88);--white-1:oklch(79% 0.005 none);--color-accent-light:oklch(from var(--color-accent-0) l c h/0.75);--color-accent-alpha:oklch(from var(--color-accent-0) l c h/0.15);--color-bg-light:oklch(from var(--color-bg-main) l c h/0.50);--color-bg-alpha:oklch(from var(--color-bg-main) l c h/0.15);--color-glow-0:oklch(from var(--color-accent-0) calc(l + 0.05) c h);--color-glow-1:oklch(from var(--color-glow-0) calc(l + 0.15) c h);--color-glow-2:oklch(from var(--color-glow-0) calc(l + 0.30) c h);--color-primary-light:oklch(from var(--color-primary) l c h/0.90);--color-primary-alpha:oklch(from var(--color-primary) l c h/0.15);--heatmap-min-color:oklch(from var(--color-accent-0) l calc(c - 0.22) h);--heatmap-max-color:oklch(from var(--color-accent-0) l c h);--heatmap-glow-min-color:oklch(from var(--color-glow-2) l c h/0.6);--heatmap-glow-max-color:oklch(from var(--color-glow-0) l c h/0.8);--shadow-button:oklch(from var(--color-shadow-0) l c h/0.50) 0 1px 1px,oklch(from var(--color-shadow-1) l c h/0.25) 0 2px 8px,oklch(from var(--color-shadow-2) l c h/0.25) 0 3px 16px;--shadow-subtle:oklch(from var(--color-shadow-0) l c h/0.75) 0 2px 2px,oklch(from var(--color-shadow-1) l c h/0.50) 0 3px 3px,oklch(from var(--color-shadow-2) l c h/0.25) 0 4px 4px;--shadow-elevated:oklch(from var(--color-shadow-0) l c h/0.25) 0 1px 2px,oklch(from var(--color-shadow-1) l c h/0.60) 0 8px 24px,oklch(from var(--color-shadow-2) l c h/0.35) 0 4px 12px,oklch(from var(--color-shadow-3) l c h/0.10) 0 2px 8px;--shadow-glass:oklch(from var(--white-0) l c h/0.2) 20px 20px 60px inset,oklch(from var(--black-0) l c h/0.1) -20px -20px 60px inset,oklch(from var(--black-1) l c h/0.1) 0 8px 32px,oklch(from var(--black-2) l c h/0.1) 0 8px 16px,oklch(from var(--white-1) l c h/0.125) 0 1px 5px inset;--shadow-glow:var(--shadow-text-outline),oklch(from var(--color-shadow-0) l c h/0.9) 0 0 3px,oklch(from var(--color-shadow-1) l c h/0.7) 0 0 7px,oklch(from var(--color-shadow-2) l c h/0.5) 0 0 10px;--shadow-main:oklch(from var(--color-shadow-0) l c h/0.5) 0 2px 4px,oklch(from var(--color-shadow-1) l c h/0.4) 0 7px 13px -3px,oklch(from var(--color-shadow-2) l c h/0.3) 0 -3px 0 inset;--shadow-modal:oklch(from var(--black-0) l c h/0.50) 0 1px 1px,oklch(from var(--black-1) l c h/0.25) 0 2px 8px,oklch(from var(--black-1) l c h/0.25) 0 3px 16px;--shadow-table:oklch(from var(--black-1) l c h/0.25) 0 8px 32px,oklch(from var(--black-2) l c h/0.25) 0 8px 16px;--shadow-frame:oklch(from var(--black-3) l c h/1) 0 0 2px,oklch(from var(--black-0) l c h/0.125) 0 0 0 1px inset,oklch(from var(--black-0) l c h/0.5) 3px 3px 6px inset,oklch(from var(--white-0) l c h/0.15) -1px -1px 3px inset,oklch(from var(--black-0) l c h/0.6) 2px 4px 8px 1px,oklch(from var(--black-1) l c h/0.3) 4px 8px 24px 2px;--shadow-matte:oklch(from var(--black-0) l c h/0.95) 0 0 2px -1px inset;--shadow-led-off:inset 0 0 2px 1px rgba(0,0,0,.7),inset 0 -2px 6px rgba(0,0,0,.5);--shadow-led-on:inset 0 0px 2px 0px rgba(0,0,0,.95),inset 0 0px 2px 1px rgba(0,0,0,.25),0 0 8px 1px oklch(from var(--color-glow-0) l c h/0.5);--shadow-map-marker:oklch(from var(--black-0) l c h/0.5) 0 1px 3px;--shadow-wood:var(--black-0) 0 0 9px inset,var(--black-1) 0 3px 5px inset;--shadow-album:oklch(from var(--black-0) l c h/0.75) 0 1px 1px,oklch(from var(--black-1) l c h/0.5) 0 2px 2px,oklch(from var(--black-3) l c h/0.25) 0 3px 3px;--shadow-album-art-active:var(--black-0) 0 0 1px,oklch(from var(--black-1) l c h/0.95) 6px 0 3px -6px;--shadow-album-active:oklch(from var(--black-0) l c h/0.65) 3px 1px 3px 1px,oklch(from var(--black-1) l c h/0.4) 7px 4px 7px 1px,oklch(from var(--black-3) l c h/0.15) 10px 3px 8px 2px;--shadow-cassette-active:oklch(from var(--black-0) l c h/0.65) 0 1px 3px 1px,oklch(from var(--black-1) l c h/0.4) 0 4px 7px 1px,oklch(from var(--black-3) l c h/0.15) 0 3px 8px 2px;--shadow-prog:oklch(from var(--color-glow-0) l c h/0.9) 0 0 3px,oklch(from var(--color-glow-1) l c h/0.7) 0 0 7px,oklch(from var(--color-glow-2) l c h/0.5) 0 0 10px;--shadow-text:oklch(from var(--color-shadow-0) l c h/.5) 1px 1px 4px;--shadow-text-caption:oklch(from var(--color-bg-main) l c h/0.25) 0 2px 3px;--shadow-text-outline:var(--color-bg-main) 0 0 0.05em}::selection{background-color:var(--color-text-selection);color:var(--color-text-selected)}@media (prefers-color-scheme:light){:root{--color-accent-0:var(--international-orange);--color-accent-1:oklch(from var(--color-primary) l c calc(h + 80));--color-accent-2:oklch(from var(--color-primary) l c calc(h - 180));--color-accent-3:oklch(from var(--color-primary) l c calc(h - 120));--color-border:oklch(from var(--gray-0) l c h/.3);--color-border-caption:var(--black-0);--color-primary:var(--turquoise);--color-shadow-0:var(--black-0);--color-shadow-1:var(--black-1);--color-shadow-2:var(--black-2);--color-shadow-3:var(--black-3);--shadow-glow:none}}@media (prefers-color-scheme:dark){:root{--color-accent-0:var(--turquoise);--color-accent-1:oklch(76% 38% 232deg);--color-accent-2:oklch(65% 48% 254deg);--color-accent-3:oklch(59% 25% 246deg);--color-border:var(--slate-0);--color-border-caption:var(--color-accent-0);--color-primary:var(--turquoise);--color-shadow-0:oklch(from var(--color-accent-0) l c h);--color-shadow-1:oklch(from var(--color-accent-0) l c h);--color-shadow-2:oklch(from var(--color-accent-0) l c h);--color-shadow-3:oklch(from var(--color-accent-0) l c h)}}@media (prefers-contrast:high){:root{--color-primary:#06c;--color-border:#000;--color-text-primary:#000}}@counter-style star{suffix:" ";symbols:"\2726";system:cyclic}}@layer tokens{:root{--timing-frame:linear(0,0.048,0.176,0.357,0.563,0.772,0.962,1.121,1.238,1.311,1.341,1.334,1.297,1.239,1.17,1.098,1.03,0.973,0.928,0.899,0.885,0.884,0.894,0.912,0.935,0.959,0.983,1.004,1.021,1.032,1.039,1.04,1.038,1.032,1.025,1.016,1.008,1,0.994,0.99,0.987,0.986,0.987,0.988,0.991,0.994,0.996,0.999,1.001,1.003,1.004,1.005,1.005,1.004,1.003,1.002,1.001,1);--timing-media:linear(0,0.015,0.057,0.118,0.192,0.275,0.362,0.449,0.535,0.617,0.693,0.763,0.825,0.879,0.925,0.965,0.997,1.022,1.042,1.056,1.065,1.071,1.073,1.073,1.071,1.067,1.062,1.056,1.049,1.043,1.036,1.03,1.025,1.019,1.015,1.01,1.007,1.004,1.001,0.999,0.997,0.996,0.995,0.995,0.995,0.995,0.995,0.995,0.995,0.996,0.996,0.997,0.997,0.998,0.998,0.998,0.999,0.999,0.999,1);--timing-modal:linear(0,0.03,0.105,0.205,0.315,0.427,0.533,0.629,0.713,0.785,0.845,0.893,0.93,0.959,0.98,0.996,1.006,1.012,1.016,1.017,1.017,1.016,1.015,1.013,1.011,1.009,1.007,1.006,1.004,1.003,1.002,1.001,1.001,1,1,1,1,1,1,1);--timing-caption:linear(0,0.022,0.08,0.16,0.253,0.351,0.449,0.542,0.629,0.706,0.774,0.833,0.882,0.922,0.954,0.978,0.997,1.011,1.02,1.026,1.029,1.03,1.029,1.028,1.025,1.022,1.02,1.017,1.014,1.011,1.009,1.007,1.005,1.004,1.002,1.001,1.001,1,1,0.999,0.999,0.999,0.999,0.999,1);--timing-led:linear(0,0.03,0.105,0.205,0.315,0.427,0.533,0.629,0.713,0.785,0.845,0.893,0.93,0.959,0.98,0.996,1.006,1.012,1.016,1.017,1.017,1.016,1.015,1.013,1.011,1.009,1.007,1.006,1.004,1.003,1.002,1.001,1.001,1,1,1,1,1,1,1)}}@layer base{html{background-attachment:fixed;background-color:var(--color-bg-main);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cfilter id='a'%3E%3CfeTurbulence baseFrequency='3.5' seed='420' type='fractalNoise'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3CfeComponentTransfer%3E%3CfeFuncA tableValues='0 1' type='discrete'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)' opacity='.125'/%3E%3C/svg%3E");color:var(--color-text-primary);font-family:var(--font-family-ui);font-size:var(--text-sm);-webkit-font-smoothing:antialiased;line-height:var(--line-height-base);scroll-behavior:smooth;scroll-padding-top:7rem;scrollbar-gutter:stable;text-rendering:optimizelegibility;z-index:1}}@layer layout{main{container-name:main;container-type:inline-size;display:flex;flex-direction:column;margin-block-end:5rem;margin-inline:var(--fluid-padding-inline)}section:not(:last-child){margin-block:1.5rem}hr{background:oklch(from var(--color-border) l c h/.5);block-size:1px;border:none;margin-block:var(--space-hr)}footer{line-height:var(--line-height-loose);margin-block-end:5rem;text-align:center;& .flags{cursor:default;font-size:var(--text-base)}& address{font-style:normal;text-transform:uppercase}& small{color:var(--color-accent-0);font-style:normal}}}@layer base{a[target=_blank]:not(.record-link,#map a):after{color:currentcolor;content:"\2197"}abbr[title]{cursor:help;font-variant:all-small-caps;text-decoration:underline dotted var(--color-accent-0);text-decoration-skip-ink:none}hgroup{font-family:serif;& h1{transform:scaleY(350%) skewX(-20deg)}& h2{color:var(--color-accent-0);padding-block-start:.25rem;text-wrap:nowrap}}strong{color:var(--color-accent-0);text-shadow:var(--shadow-glow)}:is(abbr,data,time){font-family:var(--font-family-mono)}:is(caption,label,small){font-style:italic;font-weight:var(--font-weight-light)}:is(caption,data,label,small,time,[popover]){color:var(--color-text-secondary)}:is(data,time,summary){font-variant-numeric:tabular-nums;text-align:center;text-wrap:nowrap}:is(header,p){line-height:var(--line-height-airy)}.bio{& p{text-indent:clamp(1rem,2.5vw,2.5rem);text-wrap:pretty}& p:not(:last-child){margin-block-end:1.5rem}}.portrait{& figcaption{color:var(--black-2);font-family:serif;font-style:italic;text-align:center}}}@layer components.primitives{[popovertarget]{appearance:none;background:none;border:0;color:inherit;display:inline;padding:0;user-select:text}[popover]{border-radius:var(--radius-section);box-shadow:var(--shadow-glass),var(--shadow-button);font-size:var(--text-xs);height:fit-content;inset:auto;margin:.5rem 0 0;opacity:0;overflow:hidden;padding:.5rem;position:absolute;position-area:block-end;position-try-fallbacks:flip-block,flip-inline;transition:display allow-discrete .3s,overlay allow-discrete .3s,opacity .3s ease;width:fit-content;&:popover-open{opacity:1}}.glass{backdrop-filter:blur(2.5px) saturate(150%);background:var(--color-bg-alpha);background:linear-gradient(180deg,oklch(from var(--color-bg-main) l c h/.6) 0,oklch(from var(--color-bg-main) l c h/.4) 10%,oklch(from var(--color-bg-main) l c h/0) 40%,oklch(from var(--color-bg-main) l c h/.2) 80%,oklch(from var(--color-bg-main) l c h/.4) 100%);border-color:oklch(from var(--color-bg-main) l c h/.31);border-style:solid;border-width:1px 0 0 .8px;overflow:hidden}}@layer components.navigation{.nav-wrapper{display:inline-flex;justify-content:center;position:sticky;top:2rem;z-index:100}.nav-toggle{display:none}nav{background:none;border-color:oklch(from var(--color-bg-main) l c h/.31);border-radius:var(--radius-main);border-style:solid;border-width:1px 0 0 .8px;display:flex;padding:1rem;text-wrap:nowrap;transition:background-color .3s ease,box-shadow .3s ease;& ul{display:flex;gap:.5rem;list-style:none;& li{align-items:center;display:inherit;&:not(:last-child):after{color:var(--color-accent-light);content:"|";margin-inline-start:.5rem}& a{color:var(--color-text-secondary);font-size:var(--text-sm);text-decoration:none;transition:color .3s ease,text-decoration-color .3s ease;&:hover{color:var(--color-accent-0);text-decoration:underline;text-decoration-color:var(--color-accent-0)}}}}}.nav-scrolled>*{backdrop-filter:blur(2.5px);background:linear-gradient(180deg,oklch(from var(--color-bg-main) l c h/.6) 0,oklch(from var(--color-bg-main) l c h/.4) 10%,oklch(from var(--color-bg-main) l c h/0) 40%,oklch(from var(--color-bg-main) l c h/.2) 80%,oklch(from var(--color-bg-main) l c h/.4) 100%);background-color:var(--color-bg-alpha);box-shadow:var(--shadow-glass),var(--shadow-elevated);text-shadow:var(--shadow-text-caption)}@container main (max-width: 45em){.nav-toggle,nav{border-radius:var(--radius-main);box-shadow:var(--shadow-glass),var(--shadow-elevated);text-shadow:var(--shadow-text-caption)}.nav-toggle{align-items:center;cursor:pointer;display:flex;font-size:var(--text-xl);inline-size:50%;justify-content:center;padding:.5rem;transition:background-color .3s ease,box-shadow .3s ease}nav{flex-direction:column;inline-size:50%;margin-block-start:.5rem;opacity:0;position:absolute;top:100%;transition:opacity .3s ease,visibility .3s ease;visibility:hidden;& ul{flex-direction:inherit;inline-size:100%;& li{flex-direction:inherit;justify-content:center;margin-block:.25rem;&:after{display:none}& a{color:var(--color-text-primary)}}}&.is-open{opacity:1;visibility:visible}}}}@layer components.bio{section:has(>.bio){align-items:center;display:grid;gap:var(--grid-gap);grid-auto-rows:minmax(min-content,max-content);grid-template-columns:1fr 1fr;justify-items:center;padding-inline:clamp(0rem,5vw - 1rem,5rem);& .portrait{background:#f5f5f5;border:8px outset light-dark(silver,#000);box-shadow:var(--shadow-frame);display:inline-block;height:fit-content;padding:14px;position:relative;transform-origin:45% 20%;transition:transform 2s var(--timing-frame);& figcaption{margin-block-start:.75rem}&:hover{transform:rotate(3deg) translateY(.1rem)}& .matte{background:snow;border:1px inset #f8f8ff;box-shadow:var(--shadow-matte);padding:20px;position:relative;& img{aspect-ratio:4/3;display:block;height:100%;max-block-size:12rem;object-fit:cover;width:100%}}&:after{background:radial-gradient(140% 140% at 65% -25%,oklch(from var(--black-0) l c h/.45) 0,oklch(from var(--black-1) l c h/.25) 25%,oklch(from var(--black-2) l c h/.12) 45%,oklch(from var(--black-3) l c h/.1) 65%);mix-blend-mode:screen}&:after,&:before{content:"";inset:0;pointer-events:none;position:absolute}&:before{background:linear-gradient(to bottom right,oklch(from var(--black-0) l c h/.1),oklch(from var(--black-1) l c h/.05) 45%);mix-blend-mode:multiply}}@container main (width < 48rem){grid-template-columns:1fr;& p{max-inline-size:min(100%);text-align:justify}& figure{margin-block-start:2.5rem;margin-inline:5rem}& img{min-block-size:15rem;position:relative}}}}@layer components.details{#skills{border-radius:var(--radius-section);box-shadow:var(--shadow-glass),var(--shadow-main);& details{.power-led{background:var(--color-accent-alpha);border-radius:50%;box-shadow:var(--shadow-led-off);flex-shrink:0;height:8px;margin-inline:1rem;transition:background .4s ease,box-shadow .4s ease,filter .4s var(--timing-led);transition-delay:calc(var(--i) * 75ms + 45ms);width:8px}.chevron{border:1px solid var(--color-border);border-radius:5px;color:var(--color-text-secondary);display:grid;flex-shrink:0;height:22px;place-items:center;transition:transform .4s cubic-bezier(.4,0,.2,1),border-color .4s ease,color .4s ease;width:22px;& svg{height:11px;width:11px}}&:open{& .chevron{border-color:var(--color-accent-0);color:var(--color-accent-0);transform:rotate(180deg)}& .power-led{background:var(--color-accent-light);box-shadow:var(--shadow-led-on);filter:brightness(1.8)}& li{animation:strip-in .5s cubic-bezier(.16,1,.3,1) forwards;animation-delay:calc(var(--i) * 45ms + 60ms)}}& summary{align-items:center;cursor:pointer;display:flex;padding:1rem;position:relative;user-select:none;&::-webkit-details-marker{display:none}&:focus-visible{outline:2px solid var(--color-accent-0);outline-offset:-2px}& h3{flex:1}}& article{padding-block-end:.5rem;& ul{border-top:1px solid var(--color-border);list-style:none;& li{align-items:center;border-bottom:1px solid var(--color-border);display:flex;opacity:0;padding-block:.5rem;padding-inline-start:.5rem;transform:translateY(6px);&:first-child{--i:0}&:nth-child(2){--i:1}&:nth-child(3){--i:2}&:nth-child(4){--i:3}&:nth-child(5){--i:4}&:nth-child(6){--i:5}&:nth-child(7){--i:6}&:nth-child(8){--i:7}&:nth-child(9){--i:8}&:last-child{border-bottom:none}}}}@container main (width < 30rem){& summary{padding:1rem}& li{gap:.75rem;padding:.75rem 1rem}}}}@keyframes strip-in{to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){#skills details li{animation:none!important;opacity:1;transform:none}.chevron{transition:none}#skills details:open .power-led{transition:none}}}@layer components.tables{table{background-color:var(--color-bg-main);border-collapse:collapse;box-shadow:var(--shadow-table);font-size:var(--text-table);inline-size:100%;table-layout:auto;z-index:1;& caption{caption-side:bottom;font-size:smaller;padding-block-start:.5rem;text-align:right;text-shadow:var(--shadow-text-outline);z-index:2}}thead{background-color:var(--color-primary-alpha)}th{text-align:left}:is(th,td){border:1px solid light-dark(var(--gray-0),var(--slate-0));padding-block:.5rem;padding-inline:var(--fluid-padding-table)}:is(.prod-role,.ranked){color:var(--color-accent-0);font-size:larger;text-shadow:var(--shadow-glow)}:is(.unranked){color:var(--color-text-muted)}.year-summary-row th{background:var(--color-accent-alpha);font-weight:var(--font-weight-normal);text-align:center;& strong{font-weight:var(--font-weight-heavy)}}.elevation-chart-cell{padding:0}.elevation-chart{--mountain-chart-color:var(--color-accent-0);--mountain-chart-fill:oklch(from var(--color-accent-0) l c h/25%);block-size:3rem}.sequence-group{border-inline:2px solid var(--color-accent-0)}.sequence-first{border-block-start:2px solid var(--color-accent-0)}.sequence-last{border-block-end:2px solid var(--color-accent-0)}.mtn-elevation data{@property --elevation-fraction{inherits:false;initial-value:0;syntax:"<number>"}@property --elevation-percent{inherits:false;initial-value:0%;syntax:"<percentage>"}--glow-color:color-mix(in oklch,var(--heatmap-glow-min-color),var(--heatmap-glow-max-color) var(--elevation-percent));--glow-size:calc(0px + 0.5rem * var(--elevation-fraction));color:color-mix(in oklch,var(--heatmap-min-color),var(--heatmap-max-color) var(--elevation-percent));font-weight:calc(100 + 600 * var(--elevation-fraction));text-shadow:var(--shadow-text-outline),0 0 var(--glow-size) var(--glow-color)}button:is(.camera-link){background:none;border:none;font-size:larger;padding:.25rem;position:relative;&:before{content:"📷"}&:after{content:"📸";inset-inline-start:.25rem;opacity:0;pointer-events:none;position:absolute;top:.25rem;transition:opacity .95s;transition-timing-function:var(--timing-frame)}&:hover:after{animation:flash .5s;animation-timing-function:var(--timing-led);opacity:1}}@keyframes flash{0%{filter:brightness(1.8)}to{filter:brightness(1)}}progress{-webkit-appearance:none;appearance:none;border-radius:var(--radius-sm);height:.25rem;inline-size:100%;vertical-align:middle;&::-webkit-progress-inner-element{border-radius:var(--radius-sm);z-index:1}&::-webkit-progress-bar{background:var(--color-border);border-radius:var(--radius-sm);z-index:2}&::-webkit-progress-value{background:var(--color-accent-0);border-radius:var(--radius-sm);box-shadow:var(--shadow-prog);z-index:3}&::-moz-progress-inner-element{border-radius:var(--radius-sm);z-index:1}&::-moz-progress-bar{background:var(--color-border);border-radius:var(--radius-sm);z-index:2}&::-moz-progress-value{background:var(--color-accent-0);border-radius:var(--radius-sm);box-shadow:var(--shadow-prog);z-index:3}}}@layer components.galleries{.gallery-buttons{display:grid;gap:var(--grid-gap-sm);grid-template-columns:repeat(auto-fit,minmax(25%,1fr));& button:is(.gallery-btn){border-radius:var(--radius-main);box-shadow:var(--shadow-button);color:var(--color-text-primary);font-size:var(--text-xs);font-weight:var(--font-weight-normal);padding:.5rem;text-wrap:wrap;transition:background-color .3s ease,border-color .3s ease,box-shadow .3s ease,color .3s ease,transform .3s ease;z-index:2;&:hover{box-shadow:var(--shadow-elevated);transform:translateY(-2px);z-index:3}&:active{box-shadow:var(--shadow-subtle);transform:translateY(0)}&.selected{background:var(--color-accent-light);border-color:var(--color-border);border-style:double;box-shadow:unset;color:var(--color-text-selected);cursor:default;font-weight:var(--font-weight-heavy);&:hover{box-shadow:unset;transform:translateY(0)}&:active{cursor:not-allowed}}}}.photo-grid{grid-template-columns:repeat(auto-fit,minmax(0,1fr))}.photo-thumb{appearance:none;background:none;border:0;border-radius:var(--radius-image);box-shadow:var(--shadow-subtle);cursor:pointer;outline:.075em solid var(--color-border);overflow:hidden;padding:0;perspective:500px;transition:box-shadow .3s cubic-bezier(.4,0,.2,1),outline-color .3s ease,transform .3s cubic-bezier(.4,0,.2,1);will-change:box-shadow,transform;z-index:2;& img{block-size:100%;filter:grayscale(100%);inline-size:100%;object-fit:cover;transition:inherit;will-change:transform}&:hover{box-shadow:var(--shadow-elevated);transform:translate3d(0,-.25rem,0) scale(1.025);z-index:3;& img{filter:grayscale(0);transform:scale(1.1)}}&:active{box-shadow:var(--shadow-subtle);transform:translateZ(.5em) scale(1)}}.landscape-row .photo-thumb{aspect-ratio:4/3}.portrait-row .photo-thumb{aspect-ratio:3/4}.pano-row .photo-thumb{aspect-ratio:4/1}}@layer components.modal{dialog{background:transparent;border:0;color:var(--color-text-primary);inline-size:fit-content;margin:auto;max-block-size:100dvh;max-inline-size:100dvw;opacity:0;overflow:visible;padding:clamp(.5rem,2vw,1.5rem);scale:.98;transition:display .3s allow-discrete,overlay .3s allow-discrete,opacity .3s ease,scale .3s var(--timing-modal);&[open]{opacity:1;scale:1;@starting-style{opacity:0;scale:.08}}&::backdrop{backdrop-filter:var(--blur-modal);background:var(--color-bg-alpha);opacity:0;transition:display allow-discrete .3s,overlay allow-discrete .3s,opacity .3s ease}&[open]::backdrop{opacity:1;@starting-style{opacity:0}}& [hidden]{display:none}& figure{border-radius:var(--radius-section);box-shadow:var(--shadow-modal);overflow:hidden;position:relative;&:is(:hover,:focus-within) .photo-details{backdrop-filter:blur(8px) saturate(150%);filter:blur(0);opacity:1}& img{block-size:auto;inline-size:auto;max-block-size:var(--modal-max-height);max-inline-size:var(--modal-max-width);object-fit:contain}& figcaption{align-items:center;backdrop-filter:blur(0) saturate(0);background:var(--color-bg-light);border:1px solid var(--color-border);border-radius:var(--radius-section);box-shadow:var(--shadow-glass),var(--shadow-elevated);display:grid;filter:blur(1rem);font-size:var(--text-xs);grid-template:"date title elevation" auto "gps gps gps" auto "rule rule rule" auto "exif exif exif" auto/1fr auto 1fr;inset:auto .25rem .25rem;opacity:0;padding:.5rem;position:absolute;text-shadow:var(--shadow-text-caption);transition:backdrop-filter .3s,filter .6s,opacity .3s,transform .3s;transition-timing-function:var(--timing-caption);& h3{font-size:var(--text-md);grid-area:title;justify-self:center;text-align:center}&	dl{display:contents;& dt{display:none}& dd{display:grid;justify-self:center}}&:before{background:oklch(from var(--color-border-caption) l c h/.25);block-size:1px;content:"";grid-area:rule;inline-size:calc(100% - 1rem);margin:.5rem}}}}.metadata-date{grid-area:date}.metadata-elevation{grid-area:elevation}.gps{grid-area:gps;justify-self:center;& a{color:var(--color-accent-0);text-decoration:none;& data{color:unset;&:hover{text-decoration:underline}}}}.photo-metadata .exif-data{align-items:center;color:var(--color-text-secondary);display:flex;flex-wrap:nowrap;grid-area:exif;justify-content:center;justify-self:center;white-space:nowrap;& span:not([hidden])~span:not([hidden]):before{color:var(--color-text-muted);content:" | ";margin-inline:.35rem}}.dialog-close,.dialog-navigation button{color:var(--color-accent-0);display:grid;place-items:center}.dialog-close{aspect-ratio:1;padding:.35rem;position:absolute;right:.5rem;top:.5rem;z-index:2;& svg{fill:currentColor;inline-size:1rem}}.dialog-navigation{display:contents;& button{aspect-ratio:1;font-size:var(--text-lg);inline-size:2.25rem;position:absolute;top:50%;translate:0 -50%}}.dialog-previous{left:.5rem}.dialog-next{right:.5rem}.copyright{display:block;font-style:normal;margin-block-start:.5rem;text-align:center;text-shadow:var(--shadow-text-caption)}@media (hover:none),(max-width:48rem){.photo-dialog{padding:.5rem}.modal-image{max-block-size:70dvh;max-inline-size:calc(100dvw - 1rem)}.photo-details{backdrop-filter:blur(8px) saturate(150%);filter:none;inset:auto;margin-block-start:.25rem;opacity:1;position:relative;transform:none}}@media (prefers-reduced-motion:reduce){.photo-details,.photo-dialog,.photo-dialog::backdrop{transition-duration:.01ms}}}@layer components.discogs{#now-playing{font-family:var(--font-family-ui);& h3{margin:0 0 .5rem}}#discogs-collection-wrapper{margin-block-end:1rem}#discogs-sleeve-container{align-items:center}#discogs-inventory-sleeve-container{background-position:50%}.wood{background-image:url(/images/assets/jpeg/wood.jpg);background-size:cover;border-radius:var(--radius-sm);box-shadow:var(--shadow-wood);outline:.05em solid var(--color-border);padding:1rem}.discogs-grid{grid-template-columns:repeat(auto-fit,minmax(0,1fr))}.discogs-status{color:var(--color-text-muted);padding-block:1rem;text-align:center}.discogs-record{perspective:500px;position:relative;z-index:1}.album-sleeve{aspect-ratio:1/1;box-shadow:var(--shadow-album);position:relative;transform:translateY(0) scale(1) rotateY(0deg) rotateX(0);transform-style:preserve-3d;transition:box-shadow .2s ease,transform .3s ease;will-change:transform;&:before{background:linear-gradient(135deg,oklch(68.3% 0 90),oklch(51.37% 0 90))}&:after,&:before{transform:translateX(0)}&:after{background:linear-gradient(135deg,oklch(46.41% 0 90),oklch(36.39% 0 90))}}.album-sleeve:after,.album-sleeve:before{content:"";inset:0;position:absolute;transition:transform .3s ease;z-index:-1}.album-sleeve.is-active{& .album-art:not(.is-cassette){box-shadow:var(--shadow-album-art-active)}& .album-media{filter:drop-shadow(1px -1px 3px var(--black-1))}&:before{transform:translateX(.025rem)}&:after{transform:translateX(.05rem)}}.is-cd .album-sleeve.is-active,.is-vinyl .album-sleeve.is-active{box-shadow:var(--shadow-album-active);transform:perspective(500px) translate3d(-.4375em,0,.625em) rotateY(-1.5deg) scale(1.05)}.is-cassette .album-sleeve.is-active{box-shadow:var(--shadow-cassette-active);transform:translateY(-.4375em) scale(1.05) rotateY(-8deg) rotateX(1deg)}.album-art{box-shadow:none;object-fit:cover;transition:box-shadow .2s ease;z-index:2}.album-media{filter:drop-shadow(0 0 0 var(--black-0));pointer-events:none;transition:filter .2s ease;z-index:1}.album-art,.album-media{height:100%;inline-size:100%;inset-inline-start:0;position:absolute;top:0}.is-vinyl .album-sleeve{aspect-ratio:1/1;& .album-media{transform:scale(.95) translateX(0) rotate(0);transition:filter ease .2s,transform .65s var(--timing-media)}&.is-active .album-media{transform:scale(.95) translateX(35%) rotate(50deg)}}.is-cd .album-sleeve{aspect-ratio:1/1;& .album-media{transform:translateX(0) rotate(0);transition:filter ease .2s,transform .65s var(--timing-media)}&.is-active .album-media{transform:translateX(35%) rotate(90deg)}}.is-cassette .album-sleeve{aspect-ratio:16/9;& .album-media{transform:translateY(0);transition:filter .2s ease,transform .3s ease}&.is-active .album-media{transform:translateY(50%)}}.record-caption p{font-size:smaller;font-style:normal;font-weight:lighter;line-height:var(--line-height-base);padding-top:.5rem;& .record-title{font-style:inherit}& .record-artist{color:var(--color-text-muted)}}.for-sale{align-items:baseline;display:flex;justify-content:space-between;& data{border-radius:.025em;color:var(--green);font-size:var(--text-xs);outline:1px solid var(--green);padding:.125rem}}.record-title.is-favorite:after{color:var(--paradise-pink);content:"★";font-size:var(--text-xs);margin-inline-start:.25rem}}@layer utilities{.data-tables{display:flex;gap:var(--grid-gap);@container main (width < 48rem){flex-direction:column;inline-size:100%}}.grid{display:grid;gap:var(--grid-gap)}.sr-only{border:0;clip:rect(0,0,0,0);height:1px;inline-size:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap}.text-center{text-align:center}.nowrap{white-space:nowrap}.padding-inline-md{padding-inline:var(--space-md)}.venue--red-rocks{color:oklch(66.02% .2293 35.4)}.venue--bluebird{color:oklch(45.14% .1285 261.76)}.venue--ogden{color:oklch(61.2% .2286 23.96)}.venue--belly-up{color:oklch(54.27% .1356 246.65)}.venue--golden-tri{color:oklch(88.48% .1816 94.89)}.venue--summit{color:oklch(50.76% .2409 292.31)}.venue--fillmore{color:oklch(86.2% .1514 98.05)}.venue--ball-arena{color:oklch(69.13% .0983 222.89)}.venue--gothic{color:oklch(61.89% .1789 34.15)}}