@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@300;400;500;600&family=Inter:wght@300;400&display=swap";:root{--ink:#080808;--paper:#f1f1ee;--muted:#8b8b87;--line:#343434}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--ink)}body{background:var(--ink);color:var(--paper);margin:0;font-family:Inter,sans-serif;font-weight:300}a{color:inherit;text-decoration:none}.site-header{z-index:10;text-transform:uppercase;letter-spacing:.18em;border-bottom:1px solid #ffffff38;grid-template-columns:1fr auto 1fr;align-items:center;width:100%;padding:26px 42px;font-family:Barlow Condensed,sans-serif;font-size:13px;display:grid;position:absolute;top:0;left:0}.monogram{letter-spacing:.08em;font-size:18px;font-weight:600}nav{gap:42px;display:flex}nav a,.instagram{opacity:.78;transition:opacity .18s}nav a:hover,.instagram:hover{opacity:1}.instagram{justify-self:end}.instagram svg{fill:none;stroke:currentColor;stroke-width:1.4px;width:19px;height:19px}.instagram .dot{fill:currentColor;stroke:none}.hero{place-items:center;min-height:100svh;display:grid;position:relative;overflow:hidden}.hero-image,.hero-shade,.grain{position:absolute;inset:0}.hero-image{filter:grayscale()contrast(1.08);background:url(/hero-karel.jpg) 50% 34%/cover no-repeat;animation:1.4s cubic-bezier(.2,.7,.2,1) both reveal;transform:scale(1.015)}.hero-shade{background:linear-gradient(#00000073 0%,#0000 32%,#0000006b 100%),radial-gradient(circle at 50% 45%,#0000 20%,#00000059 100%)}.grain{opacity:.16;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 220 220' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E")}.hero-copy{z-index:2;text-align:left;width:100%;padding:108px 5vw 50px 51vw;position:relative}.eyebrow,.kicker{letter-spacing:.34em;text-transform:uppercase;margin:0 0 22px;font-family:Barlow Condensed,sans-serif;font-size:12px;font-weight:400}h1,h2,h3,p{margin-top:0}h1{text-transform:uppercase;letter-spacing:-.045em;text-shadow:0 10px 60px #00000057;margin:0;font-family:Barlow Condensed,sans-serif;font-size:clamp(78px,10.8vw,180px);font-weight:300;line-height:.82}.title-line{margin:-.08em -.03em -.05em;padding:.08em .03em .05em;display:block;overflow:hidden}.title-line+.title-line{margin-top:-.03em}.title-line i{font-style:normal;animation:1.05s cubic-bezier(.18,.78,.22,1) .8s forwards title-in;display:block;transform:translateY(112%)}.title-line+.title-line i{animation-delay:.98s}.role{text-transform:uppercase;letter-spacing:.28em;margin:clamp(34px,5vh,58px) 0 0;font-family:Barlow Condensed,sans-serif;font-size:clamp(18px,2vw,30px)}.scroll-cue{z-index:2;text-transform:uppercase;letter-spacing:.3em;align-items:center;gap:15px;font-family:Barlow Condensed,sans-serif;font-size:10px;display:flex;position:absolute;bottom:30px;right:42px}.scroll-cue i{background:currentColor;width:52px;height:1px;display:block}.shows,.portfolio,.about{border-top:1px solid var(--line);position:relative}.shows{background:var(--paper);min-height:520px;color:var(--ink);border-top-color:#0808082e;grid-template-columns:90px minmax(280px,.8fr) 1.2fr;align-items:start;gap:5vw;padding:110px 6vw;display:grid}.shows .section-number,.shows .show-status,.shows .concert-date small,.shows .concert-info small,.shows .events-label{color:#686864}.shows .live-pulse{background:var(--ink);box-shadow:0 0 0 5px #0808081a}.shows .bandsintown-card,.shows .concert-date{border-color:#c7c7c2}.shows .bandsintown-card:hover{background:var(--ink);color:var(--paper)}.shows .bandsintown-card:hover .concert-date small,.shows .bandsintown-card:hover .concert-info small{color:#a7a7a2}.section-number{color:var(--muted);letter-spacing:.18em;font-family:Barlow Condensed,sans-serif;font-size:12px}.section-heading h2,.about h2{text-transform:uppercase;letter-spacing:-.03em;margin:0;font-family:Barlow Condensed,sans-serif;font-size:clamp(56px,7vw,112px);font-weight:300;line-height:.88}.bandsintown{min-height:240px;padding-top:28px}.show-status{color:var(--muted);text-transform:uppercase;letter-spacing:.22em;align-items:center;gap:10px;margin-bottom:30px;font-family:Barlow Condensed,sans-serif;font-size:10px;display:flex}.live-pulse{background:var(--paper);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 5px #f1f1ee1a}.bit-widget-initializer{text-transform:uppercase;letter-spacing:.2em;min-height:48px;padding:15px 0;font-family:Barlow Condensed,sans-serif;font-size:11px;display:block}.bandsintown-card{border:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;min-height:132px;padding:28px 32px;transition:background .25s,color .25s;display:flex}.bandsintown-card:hover{background:var(--paper);color:var(--ink)}.bandsintown-card.is-hidden{display:none}.concert-date{border-right:1px solid var(--line);flex-direction:column;min-width:92px;padding-right:28px;display:flex}.concert-date strong{font-family:Barlow Condensed,sans-serif;font-size:58px;font-weight:300;line-height:.85}.concert-date small,.concert-info small,.events-label{color:var(--muted);text-transform:uppercase;letter-spacing:.2em;font-size:9px}.concert-info{flex-direction:column;flex:1;gap:8px;display:flex}.concert-info strong{text-transform:uppercase;letter-spacing:.01em;font-family:Barlow Condensed,sans-serif;font-size:clamp(24px,2.4vw,38px);font-weight:300}.bit-action{text-transform:uppercase;letter-spacing:.18em;align-items:center;gap:20px;font-family:Barlow Condensed,sans-serif;font-size:12px;display:flex}.bit-action i{font-family:Inter,sans-serif;font-size:22px;font-style:normal}.bandsintown-events{min-height:92px;padding-top:26px}.bandsintown-events .bit-follow-section-wrapper,.bandsintown-events .bit-play-my-city-wrapper,.bandsintown-events .bit-logo-link{display:none!important}.events-label{margin-bottom:4px}.portfolio{padding:110px 6vw 150px}.portfolio-heading{margin-bottom:76px;margin-left:calc(90px + 5vw)}.project-list{border-top:1px solid var(--line)}.project{border-bottom:1px solid var(--line);grid-template-columns:65px 86px 1fr minmax(260px,.7fr);align-items:center;min-height:160px;display:grid;position:relative;overflow:hidden}.project-image{z-index:0;opacity:0;filter:grayscale();background-position:50% 35%;background-size:cover;transition:opacity .45s,transform .7s;position:absolute;inset:0;transform:scale(1.04)}.project:after{content:"";z-index:1;opacity:0;background:linear-gradient(90deg,#000000e6,#00000073);transition:opacity .45s;position:absolute;inset:0}.project:hover .project-image,.project:hover:after{opacity:1}.project:hover .project-image{transform:scale(1)}.project-index,.play-button,.project-copy,.project-player{z-index:2;position:relative}.project-index{color:var(--muted);font-size:11px}.play-button{border:1px solid var(--line);border-radius:50%;place-items:center;width:54px;height:54px;transition:background .25s,border-color .25s;display:grid}.play-button i{border-top:5px solid #0000;border-bottom:5px solid #0000;border-left:8px solid var(--paper);width:0;height:0;margin-left:3px}.project:hover .play-button{background:var(--paper);border-color:var(--paper)}.project:hover .play-button i{border-left-color:var(--ink)}.project-copy h3{text-transform:uppercase;margin:0;font-family:Barlow Condensed,sans-serif;font-size:clamp(42px,5.6vw,88px);font-weight:300;line-height:1}.project-copy p{color:var(--muted);text-transform:uppercase;letter-spacing:.18em;margin:9px 0 0;font-size:10px}.project-player{justify-content:flex-end;align-items:center;gap:26px;display:flex}.project-player>span{text-transform:uppercase;letter-spacing:.18em;min-width:82px;font-family:Barlow Condensed,sans-serif;font-size:10px}.waveform{align-items:center;gap:4px;height:60px;display:flex}.waveform i{background:var(--muted);width:2px;transition:height .35s,background .25s;display:block}.project:hover .waveform i{background:var(--paper);animation:1.1s ease-in-out infinite alternate waveform}.project:hover .waveform i:nth-child(3n){animation-delay:-.35s}.project:hover .waveform i:nth-child(2n){animation-delay:-.7s}.work-more{margin:46px 0 0 151px}.more-work{width:100%;color:inherit;cursor:pointer;border:0;border-bottom:1px solid var(--line);text-transform:uppercase;letter-spacing:.06em;background:0 0;justify-content:space-between;align-items:center;padding:22px 0;font-family:Barlow Condensed,sans-serif;font-size:clamp(20px,2.4vw,34px);transition:padding .25s,border-color .25s;display:flex}.more-work:hover{border-color:var(--paper);padding-left:18px}.more-work i{font-family:Inter,sans-serif;font-size:24px;font-style:normal;font-weight:300}.work-categories{opacity:0;grid-template-rows:0fr;transition:grid-template-rows .55s cubic-bezier(.22,1,.36,1),opacity .35s;display:grid}.work-more.is-open .work-categories{opacity:1;grid-template-rows:1fr}.work-categories-inner{min-height:0;overflow:hidden}.work-categories a{border-bottom:1px solid var(--line);grid-template-columns:minmax(120px,.5fr) 2fr auto;align-items:center;gap:30px;min-height:112px;padding:24px 0;transition:padding .25s,background .25s;display:grid;position:relative}.work-categories a:hover{background:#ffffff09;padding-left:18px;padding-right:18px}.work-categories small{color:var(--muted);text-transform:uppercase;letter-spacing:.18em;font-size:9px}.work-categories strong{text-transform:uppercase;font-family:Barlow Condensed,sans-serif;font-size:clamp(28px,3.5vw,50px);font-weight:300;line-height:1}.work-categories i{font-family:Inter,sans-serif;font-size:20px;font-style:normal}.about{background:var(--paper);min-height:780px;color:var(--ink);grid-template-columns:90px 1fr;gap:5vw;padding:130px 6vw;display:grid}.about-copy{max-width:1200px}.bio{max-width:670px;margin:70px 0 0 auto;font-size:clamp(18px,2vw,28px);line-height:1.55}.credits{text-transform:uppercase;letter-spacing:.15em;max-width:670px;margin:38px 0 0 auto;font-family:Barlow Condensed,sans-serif;font-size:12px}.about-more{opacity:0;grid-template-rows:0fr;max-width:670px;margin-left:auto;transition:grid-template-rows .65s cubic-bezier(.2,.7,.2,1),opacity .45s;display:grid}.about-more.is-open{opacity:1;grid-template-rows:1fr}.about-more-inner{overflow:hidden}.about-more p{margin:30px 0 0;font-size:16px;line-height:1.75}.about-toggle{width:150px;color:inherit;text-transform:uppercase;letter-spacing:.22em;cursor:pointer;background:0 0;border:0;border-bottom:1px solid;justify-content:space-between;margin:48px 0 0 auto;padding:14px 0;font-family:Barlow Condensed,sans-serif;font-size:15px;display:flex}.about-toggle i{font-family:Inter,sans-serif;font-size:18px;font-style:normal}footer{flex-direction:column;min-height:760px;padding:110px 6vw 35px;display:flex}.contact-content{grid-template-columns:minmax(0,1fr) minmax(250px,29vw);align-items:center;gap:clamp(42px,7vw,120px);margin-top:60px;display:grid}.contact-link{border-bottom:1px solid var(--line);text-transform:uppercase;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:30px;min-height:390px;padding-bottom:34px;font-family:Barlow Condensed,sans-serif;font-size:clamp(56px,8vw,124px);font-weight:300;line-height:.85;display:flex}.contact-link span{letter-spacing:.12em;text-transform:lowercase;font-family:Inter,sans-serif;font-size:11px}.contact-portrait{margin:0}.contact-portrait img{object-fit:cover;object-position:center 42%;filter:grayscale()contrast(1.06);width:100%;height:min(58vh,520px);transition:filter .55s,transform .65s cubic-bezier(.2,.7,.2,1);display:block}.contact-portrait:hover img{filter:grayscale(.15)contrast(1.02);transform:scale(.985)}.contact-portrait figcaption{color:var(--muted);letter-spacing:.22em;text-transform:uppercase;margin-top:12px;font-family:Barlow Condensed,sans-serif;font-size:9px}.footer-base{color:var(--muted);text-transform:uppercase;letter-spacing:.17em;grid-template-columns:1fr auto auto;gap:32px;margin-top:70px;font-size:10px;display:grid}.footer-base p{margin:0}@keyframes reveal{0%{opacity:0;transform:scale(1.06)}to{opacity:1;transform:scale(1.015)}}@keyframes waveform{0%{transform:scaleY(.48)}to{transform:scaleY(1)}}@keyframes title-in{to{transform:translateY(0)}}@media (width<=760px){.site-header{grid-template-columns:1fr auto;padding:22px 20px}nav{display:none}.instagram{grid-column:2}.hero{min-height:100svh}.hero-image{background-position:44%}.hero-copy{text-align:right;flex-direction:column;justify-content:flex-end;align-items:flex-end;min-height:100svh;padding:105px 20px 42px;display:flex}.eyebrow{margin-bottom:35px}h1{max-width:86vw;font-size:clamp(66px,21vw,104px);line-height:.88}.role{margin-bottom:52px;font-size:15px;line-height:1.5}.scroll-cue{right:20px}.shows,.about{grid-template-columns:1fr;gap:32px;padding:86px 20px}.shows{min-height:600px}.portfolio{padding:86px 20px 110px}.portfolio-heading{margin-bottom:50px;margin-left:0}.project{grid-template-columns:28px 50px 1fr;min-height:140px}.play-button{width:38px;height:38px}.project-copy h3{font-size:46px}.project-player{display:none}.work-more{margin-left:0}.more-work{font-size:23px}.work-categories a{grid-template-columns:1fr auto;gap:10px 20px;min-height:120px}.work-categories small{grid-column:1/-1}.work-categories strong{font-size:31px}.bandsintown-card{flex-direction:column;align-items:flex-start}.concert-date{border-right:0;border-bottom:1px solid var(--line);min-width:0;padding:0 0 18px}.about-more,.about-toggle{margin-left:0}.about{min-height:auto}.about h2{font-size:54px}.bio,.credits{margin-left:0}footer{min-height:520px;padding:86px 20px 28px}.contact-content{grid-template-columns:1fr;margin-top:42px}.contact-link{min-height:auto;font-size:58px;display:block}.contact-link span{margin-top:35px;display:block}.contact-portrait img{height:115vw;max-height:580px}.footer-base{grid-template-columns:1fr auto}.footer-base p{grid-column:1/-1}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-image{animation:none}}