:root{--black:#0e0c0a;--cream:#e8dcc4;--olive:#5b5a3a;--red:#7a2a33;--silver:#c9c9c9;--pencil:#5c5751;--ground:var(--black);--ink:var(--cream);--surface-2:var(--olive);--mark:var(--red);--flash:var(--silver);--font-body:var(--font-look-serif), "Cormorant Garamond", Georgia, "Times New Roman", serif;--font-gothic:var(--font-pirata), "Pirata One", serif;--bleed:color-mix(in oklab, var(--ground) 82%, var(--flash));--scrap:var(--cream);--scrap-ink:var(--black);--grain-blend:overlay;--fade:.9s;--grain:.13;--step--1:clamp(.875rem, .85rem + .2vw, 1rem);--step-0:clamp(1rem, .95rem + .3vw, 1.125rem);--step-1:clamp(1.25rem, 1.1rem + .7vw, 1.6rem);--step-2:clamp(1.6rem, 1.2rem + 1.8vw, 2.4rem);--step-3:clamp(2rem, 1.2rem + 3.5vw, 4.5rem);--space:clamp(1rem, .8rem + 1vw, 1.5rem);--measure:38rem;--tilt:0deg}:root[data-time=day]{--ground:var(--olive);--ink:var(--cream);--surface-2:color-mix(in oklab, var(--olive) 55%, var(--black));--flash:var(--cream);--bleed:color-mix(in oklab, var(--olive) 80%, var(--black));--fade:.45s;--grain:.1}*,:before,:after{box-sizing:border-box}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:var(--ground);transition:background-color .6s}body{background:var(--ground);min-height:100dvh;color:var(--ink);font-family:var(--font-body);font-size:calc(var(--step-0) * 1.125);text-wrap:pretty;-webkit-font-smoothing:antialiased;margin:0;font-weight:400;line-height:1.45}h1,h2,h3{font-family:var(--font-gothic);text-wrap:balance;margin:0 0 var(--space);font-weight:400;line-height:1.05}h1{font-size:var(--step-3)}h2{font-size:var(--step-2)}h3{font-size:var(--step-1)}p,dl,figure{margin:0 0 var(--space)}a{color:inherit;text-underline-offset:.15em;text-decoration-thickness:1px}:focus-visible{outline:2px solid var(--flash);outline-offset:3px}img,video{max-width:100%;height:auto;display:block}main{padding:var(--space) calc(var(--space) * 2) calc(var(--space) * 4);max-width:100rem;margin-inline:auto}main:focus{outline:none}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip{left:var(--space);background:var(--ink);color:var(--ground);z-index:10;padding:.5em 1em;position:absolute;top:-100%}.skip:focus{top:var(--space)}.site-head{z-index:5;justify-content:space-between;align-items:baseline;gap:var(--space);padding:calc(var(--space) * .9) calc(var(--space) * 1.25);background:var(--ground);border-bottom:1px solid color-mix(in oklab, var(--flash) 30%, transparent);flex-wrap:wrap;transition:background-color .6s;display:flex;position:sticky;top:0}.site-head nav ul{gap:0 calc(var(--space) * 1.1);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.site-head nav a{font-family:var(--font-gothic);font-size:var(--step-0);color:var(--flash);padding-block:.5em;text-decoration:none;display:inline-block}.site-head nav a:hover{color:var(--ink)}.site-head nav a[aria-current=page]{text-decoration:underline}.wordmark{color:var(--ink);text-decoration:none;display:inline-block}.wordmark-placeholder{font-size:var(--step-1);letter-spacing:.14em;text-transform:uppercase;font-weight:400}.wordmark-svg svg{fill:currentColor;width:auto;height:1.6em;display:block}body:after{content:"";mix-blend-mode:var(--grain-blend);opacity:var(--grain);pointer-events:none;z-index:9999;background:url(/texture/grain.svg) 0 0/256px 256px;position:fixed;inset:0}.paper{background:var(--scrap);color:var(--scrap-ink);clip-path:url(#torn-01);padding:calc(var(--space) * 1.5) calc(var(--space) * 1.75);transform:rotate(var(--tilt));--tilt:0deg;position:relative}.paper:before{content:"";opacity:.14;mix-blend-mode:multiply;filter:blur(1px)grayscale(.4);pointer-events:none;background:url(/texture/paper-02-PLACEHOLDER.webp) 50%/cover;position:absolute;inset:0}.paper>*{position:relative}.paper a{color:var(--scrap-ink)}.paper :focus-visible{outline-color:var(--red)}.paper form.plain input,.paper form.plain textarea{color:var(--scrap-ink);border-color:var(--scrap-ink)}.paper form.plain button{background:var(--scrap-ink);color:var(--scrap)}.paper [role=status]{color:var(--red)}.slot{background:var(--surface-2) url(/texture/paper-01-PLACEHOLDER.webp) center / cover;clip-path:url(#torn-01);aspect-ratio:4/5;width:100%;max-height:80dvh;margin-bottom:calc(var(--space) * 2)}.slot-wide{aspect-ratio:16/9}.exhibit{gap:calc(var(--space) * 2);padding-block:var(--space);grid-template-columns:1fr;display:grid}@media (min-width:40rem){.exhibit{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:72rem){.exhibit{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:90rem){.exhibit{grid-template-columns:repeat(4,minmax(0,1fr))}}.exhibit>*{--tilt:0deg;min-width:0}.exhibit a{text-decoration:none}.exhibit figure.piece{clip-path:none;margin:0;transform:none}.exhibit figure.piece img,.exhibit figure.piece video{aspect-ratio:4/5;object-fit:cover;background:var(--surface-2);width:100%;height:auto;display:block}.exhibit.small figure.piece img,.exhibit.small figure.piece video{aspect-ratio:1}figcaption{color:var(--flash);justify-content:space-between;gap:1em;margin-top:.6em;display:flex}figcaption .status{white-space:nowrap}.grid{gap:calc(var(--space) * 2);grid-template-columns:repeat(auto-fill,minmax(min(100%,18rem),1fr));display:grid}.grid a{text-decoration:none}figure.piece{transform:rotate(var(--tilt));clip-path:url(#torn-01)}figure.piece img,figure.piece .piece-blank{width:100%}figure.piece .piece-blank{background-color:var(--surface-2);display:block}figcaption{font-size:var(--step--1);margin-top:.5em}.piece-page{gap:calc(var(--space) * 2);align-items:start;display:grid}@media (min-width:60rem){.piece-page{gap:calc(var(--space) * 3);grid-template-columns:minmax(0,1.6fr) minmax(16rem,1fr)}.piece-page .paper{top:calc(var(--space) * 2);margin-top:calc(var(--space) * 4);position:sticky}}.piece-page figure.piece{max-width:56rem;margin:0}dl.facts{column-gap:var(--space);font-size:var(--step--1);max-width:var(--measure);grid-template-columns:max-content 1fr;row-gap:.25em;display:grid}dl.facts dt{opacity:.65}dl.facts dd{margin:0}form.plain{gap:var(--space);max-width:var(--measure);display:grid}form.plain label{gap:.35em;display:grid}form.plain input,form.plain textarea{font:inherit;color:var(--ink);border:1px solid var(--flash);background:0 0;min-height:44px;padding:.6em .75em}form.plain button{font:inherit;background:var(--ink);min-height:44px;color:var(--ground);cursor:pointer;border:0;justify-self:start;padding:.6em 1.25em}.consent{font-size:var(--step--1);align-items:start;gap:.6em;display:flex}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.direction{margin-block:calc(var(--space) * 3)}.ground{padding:calc(var(--space) * 2);margin-block:var(--space);color:var(--ink)}.ground-black{background:var(--black)}.ground-paper{background:var(--olive) url(/texture/paper-01-PLACEHOLDER.webp) center / cover}.ground-painting{background:var(--black) url(/art/needle-in-the-groove/master.jpg) center 30% / cover}.mark svg{fill:currentColor;height:auto;display:block}.mark-hero svg{width:min(100%,48rem)}.mark-small svg{width:10rem;margin-top:var(--space)}body:has(.opening-hero) main{padding-top:0}figure.opening-hero{width:100vw;margin:0 0 calc(var(--space) * 3) calc(50% - 50vw);height:calc(100svh - 4.5rem);min-height:30rem;position:relative;overflow:hidden}figure.opening-hero img{object-fit:cover;object-position:center 40%;width:100%;height:100%}figure.opening-hero img.under{opacity:0;mix-blend-mode:multiply;transition:opacity .7s ease-out;position:absolute;inset:0}figure.opening-hero.has-under:focus-visible img.under,figure.opening-hero.has-under.looking img.under{opacity:.55;transition:opacity 2.2s ease-in .4s}@media (hover:hover){figure.opening-hero.has-under:hover img.under{opacity:.55;transition:opacity 2.2s ease-in .4s}}figure.opening-hero.has-under{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;touch-action:pan-y;cursor:default;outline-offset:-4px}@media (prefers-reduced-motion:reduce){figure.opening-hero img.under{transition:none}}figure.opening-hero:after{z-index:1}.hero-name{z-index:2}figure.opening-hero:after{content:"";background:linear-gradient(to bottom, transparent 0%, color-mix(in oklab, var(--ground) 45%, transparent) 60%, var(--ground) 100%);pointer-events:none;height:36%;position:absolute;inset:auto 0 0}:root[data-time=night] figure.opening-hero:before{content:"";background:radial-gradient(120% 90% at 50% 40%, transparent 55%, color-mix(in oklab, var(--red) 55%, transparent) 100%);mix-blend-mode:multiply;pointer-events:none;position:absolute;inset:0}.hero-name{font-family:var(--font-body);z-index:2;left:calc(var(--space) * 2.5);right:calc(var(--space) * 2.5);color:var(--cream);letter-spacing:.14em;text-transform:uppercase;text-shadow:0 0 6px #0000008c,0 4px 36px #000c;margin:0;padding:0;font-size:clamp(2.2rem,1rem + 7vw,6.5rem);font-weight:300;line-height:.95;position:absolute;bottom:20%}:root[data-time=day] .hero-name{color:var(--cream)}.hero-name .wordmark-placeholder{font-size:inherit;font-weight:inherit;letter-spacing:inherit}.hero-name .wordmark-svg svg{fill:currentColor;width:auto;height:clamp(2.6rem,1rem + 8vw,7.5rem)}figure.opening{margin:0 0 calc(var(--space) * 2);clip-path:url(#torn-01);max-width:40rem}figure.opening img{width:100%;height:auto}.home-body{width:100vw;padding:calc(var(--space) * 3) calc(var(--space) * 2) calc(var(--space) * 2);margin-left:calc(50% - 50vw)}.home-grid{gap:calc(var(--space) * 3);grid-template-columns:minmax(0,1fr);max-width:100rem;margin-inline:auto;display:grid}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.home-body{animation:linear both home-bleed;animation-timeline:view();animation-range:entry exit}@keyframes home-bleed{0%{background-color:#0000}50%{background-color:var(--bleed)}to{background-color:#0000}}}}.home-clip{gap:calc(var(--space) * 1.5);align-items:end;display:grid}@media (min-width:48rem){.home-clip{grid-template-columns:2fr 1fr}}.home-clip figure.clip{background:0 0;max-width:none;margin:0}.home-clip figure.clip video{aspect-ratio:16/10;object-fit:cover;max-height:none}.home-line{font-family:var(--font-gothic);font-size:var(--step-1);margin:0;line-height:1.2}.home-signup{--tilt:0deg;gap:calc(var(--space) * 1.5) calc(var(--space) * 3);max-width:none;padding:calc(var(--space) * 2) calc(var(--space) * 2);align-items:center;margin:0;display:grid}@media (min-width:48rem){.home-signup{grid-template-columns:1.1fr 1fr}}.signup-lead{font-size:var(--step-1);max-width:24em;margin:0;line-height:1.2}.signup-form{gap:calc(var(--space) * .75);min-width:0;display:grid}.signup-row{flex-wrap:wrap;gap:.6em;display:flex}.signup-row input[type=email]{min-width:0;font:inherit;background:color-mix(in oklab, var(--scrap) 85%, transparent);color:var(--scrap-ink);appearance:none;-webkit-text-fill-color:var(--scrap-ink);caret-color:var(--scrap-ink);opacity:1;border:0;border-bottom:1.5px solid var(--scrap-ink);border-radius:0;flex:14em;min-height:44px;padding:.6em .4em}.signup-row input[type=email]:-webkit-autofill{-webkit-text-fill-color:var(--scrap-ink);box-shadow:0 0 0 100px var(--scrap) inset}.signup-row input[type=email]:-webkit-autofill:focus{-webkit-text-fill-color:var(--scrap-ink);box-shadow:0 0 0 100px var(--scrap) inset}.signup-row input[type=email]::placeholder{color:color-mix(in oklab, var(--scrap-ink) 65%, var(--scrap));-webkit-text-fill-color:color-mix(in oklab, var(--scrap-ink) 65%, var(--scrap))}.signup-row button{font:inherit;background:var(--scrap-ink);min-height:44px;color:var(--scrap);cursor:pointer;white-space:nowrap;border:0;flex:none;padding:.6em 1.4em}.home-signup .consent{font-size:var(--step--1);align-items:center;gap:.6em;display:flex}.home-signup .consent input{width:1.05em;height:1.05em;accent-color:var(--scrap-ink);margin:0}.home-signup [role=status]{margin:0}.home-signup form.plain{gap:calc(var(--space) * .9)}.home-signup form.plain input[type=email]{border:0;border-bottom:1.5px solid var(--scrap-ink);color:var(--scrap-ink);background:0 0;padding-inline:.2em}.home-signup form.plain input[type=checkbox]{accent-color:var(--scrap-ink)}figure.clip{margin:0 0 calc(var(--space) * 2);background:var(--black);max-width:40rem}figure.clip-stream{width:100%;position:relative}figure.clip-stream iframe{border:0;width:100%;height:100%;position:absolute;inset:0}figure.clip video{object-fit:contain;width:100%;height:auto;max-height:85dvh}[role=status]{color:var(--flash);margin:0}@media (prefers-reduced-motion:no-preference){@view-transition{navigation:auto}::view-transition-old(root){animation-duration:var(--fade)}::view-transition-new(root){animation-duration:var(--fade)}[data-motion=draw] path{stroke:currentColor;stroke-width:.6px;stroke-dasharray:1;animation:1.6s ease-out both draw-stroke,.8s ease-out 1.2s both draw-fill}@keyframes draw-stroke{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes draw-fill{0%{fill-opacity:0}to{fill-opacity:1}}}.player{gap:var(--space);padding:.5em calc(var(--space) * 1.25);background:color-mix(in oklab, var(--ground) 92%, var(--surface-2));border-top:1px solid var(--surface-2);align-items:center;display:flex;position:sticky;bottom:0}.player audio{flex:1;max-width:32rem}.candidate{margin-block:calc(var(--space) * 3)}button.linklike{font:inherit;color:inherit;text-underline-offset:.15em;cursor:pointer;background:0 0;border:0;min-height:44px;padding:.5em 0;text-decoration:underline}dialog.lightbox{background:var(--black);width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;color:var(--ink);border:0;margin:0;padding:0}dialog.lightbox::backdrop{background:#0e0c0af5}dialog.lightbox .close{top:var(--space);right:var(--space);z-index:2;font:inherit;background:var(--ink);color:var(--ground);cursor:pointer;border:0;min-height:44px;padding:.6em 1.25em;position:fixed}dialog.lightbox .scroll{overscroll-behavior:contain;touch-action:pan-x pan-y pinch-zoom;width:100%;height:100%;overflow:auto}dialog.lightbox img{width:auto;max-width:none;height:auto;margin:auto;display:block}button.enlarge{width:100%;color:inherit;font:inherit;cursor:zoom-in;background:0 0;border:0;margin:0;padding:0;display:block}dialog.lightbox.fit .scroll{justify-content:center;align-items:center;display:flex}dialog.lightbox.fit img{object-fit:contain;max-width:100%;max-height:100%;margin:0}ul.uploads{margin:calc(var(--space) * 2) 0;max-width:var(--measure);padding:0;list-style:none}ul.uploads li{gap:var(--space);border-top:1px solid var(--surface-2);flex-wrap:wrap;align-items:center;padding-block:.5em;display:flex}ul.uploads img{object-fit:cover;background:var(--surface-2);width:64px;height:64px}ul.uploads form.line-edit{flex:1;gap:.5em;min-width:12rem;display:flex}ul.uploads form.line-edit input{font:inherit;color:var(--ink);border:1px solid var(--surface-2);background:0 0;flex:1;min-height:44px;padding:.4em .6em}ul.uploads form:not(.line-edit){margin-left:auto}.site-foot{padding:calc(var(--space) * 3) calc(var(--space) * 1.25) calc(var(--space) * 2);gap:var(--space) calc(var(--space) * 2);color:var(--flash);font-size:var(--step--1);flex-wrap:wrap;justify-content:space-between;align-items:baseline;display:flex}.site-foot .soon{color:var(--flash)}.site-foot ul{gap:calc(var(--space) * 1.25);margin:0;padding:0;list-style:none;display:flex}.site-foot a{padding-block:.5em;text-decoration:none;display:inline-block}.mood-note{max-width:var(--measure);color:var(--flash)}.mood-a-band{padding:calc(var(--space) * 4) 0;margin-inline:calc(var(--space) * -1.25);padding-inline:calc(var(--space) * 1.25);background:var(--black)}.mood-a-band:nth-child(odd){background:color-mix(in oklab, var(--black) 78%, var(--olive))}.mood-a-band .piece{max-width:24rem}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.mood-a-band{animation:linear both mood-bleed;animation-timeline:view();animation-range:entry exit}@keyframes mood-bleed{0%{background-color:var(--black)}50%{background-color:color-mix(in oklab, var(--black) 70%, var(--olive))}to{background-color:var(--black)}}}}.mood-b-page{padding:calc(var(--space) * 2);gap:var(--space);max-width:28rem;transition:background-color .6s,color .6s;display:grid}.mood-b.is-night .mood-b-page{background:var(--black);color:var(--cream)}.mood-b.is-day .mood-b-page{background:color-mix(in oklab, var(--black) 84%, var(--cream));color:color-mix(in oklab, var(--cream) 92%, white)}.mood-b.is-day .mood-b-page .piece{filter:saturate(.9)brightness(1.04)}.mood-b-line{margin:0}.mood-b.is-night .mood-b-line{color:var(--silver)}.mood-b.is-day .mood-b-line{color:var(--olive)}.mood-c{cursor:pointer;max-width:28rem;position:relative}.mood-c img{width:100%;height:auto}.mood-c-under{object-fit:cover;opacity:0;transition:opacity 2.4s ease-in .4s;position:absolute;inset:0;height:100%!important}.mood-c:hover .mood-c-under,.mood-c:focus-visible .mood-c-under,.mood-c:active .mood-c-under{opacity:1}@media (prefers-reduced-motion:reduce){.mood-c-under{transition:none}}.page-line.short{font-family:var(--font-gothic);font-size:var(--step-1)}.page-line{max-width:var(--measure);color:var(--flash);margin-bottom:calc(var(--space) * 2)}.music-page{gap:calc(var(--space) * 2.5);align-items:start;display:grid}@media (min-width:60rem){.music-page{grid-template-columns:minmax(18rem,1fr) minmax(0,1.4fr)}.music-page .paper{top:calc(var(--space) * 5);position:sticky}}.music-takes{gap:calc(var(--space) * 1.5);display:grid}.music-takes figure.clip{background:var(--surface-2);max-width:none;margin:0}.music-takes>figure.clip video{aspect-ratio:16/10;object-fit:cover;width:100%;height:auto;max-height:none;display:block}.music-takes-pair{gap:calc(var(--space) * 1.5);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.music-takes-pair figure.clip video{aspect-ratio:4/5;object-fit:cover;width:100%;height:auto;max-height:none;display:block}.record-title{margin-bottom:.6em}.tracklist{margin:0;padding-left:1.4em}.tracklist li{border-bottom:1px solid color-mix(in oklab, currentColor 18%, transparent);justify-content:space-between;gap:1em;padding:.3em 0;display:flex}.tracklist.next{margin-top:2.5em}.tracklist li.blank{border-bottom-color:color-mix(in oklab, currentColor 12%, transparent)}.tracklist.next .song-title{color:var(--pencil);text-shadow:0 0 .6px color-mix(in oklab, var(--pencil) 60%, transparent)}.tracklist .dur-unknown{opacity:.5;transform:rotate(var(--lean,0deg)) scaleX(var(--stretch,1));transform-origin:50%;align-items:center;display:inline-flex}.tracklist .dur-unknown svg{fill:none;stroke:currentColor;stroke-width:1.3px;stroke-linecap:round;stroke-linejoin:round;display:block}.tracklist li.blank::marker{color:color-mix(in oklab, currentColor 35%, transparent)}.tracklist .song-title{font-family:var(--font-gothic);font-size:1.2em;line-height:1.1}.tracklist .dur{opacity:.65;font-variant-numeric:tabular-nums}ul.dates{margin:0 0 calc(var(--space) * 3);max-width:var(--measure);padding:0;list-style:none}ul.dates li{padding:var(--space) 0;gap:.2em;display:grid}ul.dates .when{font-size:var(--step-1)}ul.dates .where,ul.dates .what{color:var(--flash)}.tiles{gap:calc(var(--space) * 1.5);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media (min-width:48rem){.tiles{grid-template-columns:repeat(3,minmax(0,1fr))}}.tile{gap:.3em;min-width:0;text-decoration:none;display:grid}.tile img,.tile .tile-blank{aspect-ratio:4/5;object-fit:cover;background:var(--surface-2);width:100%;height:auto;margin-bottom:.4em;display:block}@media (max-width:47.99rem){.tiles{gap:var(--space)}.tile img,.tile .tile-blank{aspect-ratio:1}}.tile-k{font-size:var(--step--1);color:var(--flash);order:2}.tile-v{font-family:var(--font-gothic);font-size:var(--step-1);line-height:1.15}.tile:hover .tile-v{text-underline-offset:.18em;text-decoration:underline}.strip{gap:calc(var(--space) * 1.5);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media (min-width:48rem){.strip{grid-template-columns:repeat(4,minmax(0,1fr))}}.strip img{aspect-ratio:1;object-fit:cover;background:var(--surface-2);width:100%;height:auto;display:block}.clips{gap:calc(var(--space) * 1.5);grid-template-columns:1fr;display:grid}@media (min-width:40rem){.clips{grid-template-columns:repeat(3,minmax(0,1fr))}}.clips .clip-blank{background:var(--surface-2);width:100%;display:block}.clips figure.clip{background:var(--surface-2);max-width:none;margin:0}.clips figure.clip video{aspect-ratio:9/16;object-fit:cover;width:100%;height:auto;max-height:none;display:block}.home-grid>.home-line{margin-top:calc(var(--space) * -1.5)}.live-page{gap:calc(var(--space) * 2.5);align-items:start;display:grid}@media (min-width:60rem){.live-page{gap:calc(var(--space) * 4);grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.live-photo{top:calc(var(--space) * 5);position:sticky}}.live-page .paper{max-width:none}.live-photo{margin:0}.live-photo img{width:100%;height:auto;display:block}.shop-detail{color:var(--flash);font-size:var(--step--1);display:block}.add,.bag-go{font:inherit;background:var(--scrap-ink);min-height:44px;color:var(--scrap);cursor:pointer;border:0;padding:.6em 1.4em}.sold-out{color:var(--red)}.bag-button{font:inherit;font-size:var(--step-0);color:var(--ink);cursor:pointer;text-underline-offset:.15em;background:0 0;border:0;padding:.5em 0;text-decoration:underline}dialog.bag{padding:calc(var(--space) * 1.5) calc(var(--space) * 1.5) calc(var(--space) * 2);background:var(--ground);width:min(100vw,26rem);max-width:100vw;height:100dvh;max-height:100dvh;color:var(--ink);border:0;border-left:1px solid color-mix(in oklab, var(--flash) 30%, transparent);gap:var(--space);flex-direction:column;margin:0 0 0 auto;display:none}dialog.bag[open]{display:flex}dialog.bag::backdrop{background:#0e0c0ab3}.bag-head{justify-content:space-between;align-items:baseline;display:flex}.bag-head h2{margin:0}.bag-empty{color:var(--flash)}.bag-lines{gap:var(--space);margin:0;padding:0;list-style:none;display:grid;overflow:auto}.bag-lines li{gap:.5em;display:grid}.bag-line-main{display:grid}.bag-detail{color:var(--flash);font-size:var(--step--1)}.bag-line-side{align-items:center;gap:var(--space);display:flex}.bag-qty{align-items:center;gap:.5em;display:inline-flex}.bag-qty button{font:inherit;width:2.2em;height:2.2em;color:var(--ink);border:1px solid color-mix(in oklab, var(--flash) 60%, transparent);cursor:pointer;background:0 0}.bag-price{font-variant-numeric:tabular-nums;margin-left:auto}.bag-foot{gap:.6em;margin-top:auto;display:grid}.bag-total{font-size:var(--step-1);justify-content:space-between;display:flex}.bag-note{color:var(--flash);font-size:var(--step--1);margin:0}.art-top{gap:calc(var(--space) * 2);margin-bottom:calc(var(--space) * 3);align-items:start;display:grid}@media (min-width:60rem){.art-top{gap:calc(var(--space) * 4);grid-template-columns:minmax(0,1fr) minmax(0,1.2fr)}}.art-lead{text-decoration:none}.art-lead figure.piece{clip-path:none;margin:0;transform:none}.art-lead figure.piece img{aspect-ratio:4/5;object-fit:cover;background:var(--surface-2);width:100%;height:auto;display:block}@media (prefers-reduced-motion:no-preference){html.glitching figure.opening-hero img.under{opacity:1;mix-blend-mode:normal;transition:none}html.glitching figure.opening-hero img:not(.under){filter:contrast(1.6)saturate(.1)}html.glitching body{animation:shake var(--fault-ms,1s) steps(12, jump-none) both, split var(--fault-ms,1s) steps(6, jump-none) both}html.glitching body:after{animation:surge var(--fault-ms,1s) steps(8, jump-none) both}@keyframes shake{0%{clip-path:none;transform:translate(0)}8%{transform:translate(-28px,10px)skew(-6deg)}16%{clip-path:polygon(0 0,100% 0,100% 38%,0 38%,0 44%,100% 44%,100% 100%,0 100%);transform:translate(24px,-14px)skew(4deg)}24%{clip-path:none;transform:translate(-18px,6px)scale(1.03)}32%{transform:translate(30px,12px)skew(8deg)}40%{clip-path:polygon(0 0,100% 0,100% 61%,0 61%,0 69%,100% 69%,100% 100%,0 100%);transform:translate(-12px,-22px)}48%{clip-path:none;transform:translate(20px,4px)skew(-5deg)}56%{transform:translate(-26px,16px)scale(.98)}64%{transform:translate(14px,-8px)skew(3deg)}72%{transform:translate(-8px,10px)}80%{transform:translate(10px,-4px)}90%{transform:translate(-4px,2px)}to{clip-path:none;transform:translate(0)}}@keyframes split{0%{filter:none}10%{filter:drop-shadow(-10px 0 #ff0028cc)drop-shadow(10px 0 #00dcffb3)contrast(1.4)}30%{filter:drop-shadow(14px 0 #ff0028e6)drop-shadow(-14px 0 #00dcffb3)contrast(1.6)saturate(.3)}55%{filter:drop-shadow(-6px 0 #ff0028cc)drop-shadow(6px 0 #00dcff99)contrast(1.3)}80%{filter:drop-shadow(3px 0 #ff002899)contrast(1.1)}to{filter:none}}@keyframes surge{0%{background-color:var(--black);mix-blend-mode:normal;opacity:1}12%{mix-blend-mode:var(--grain-blend);opacity:.5;background-color:#0000}30%{mix-blend-mode:multiply;opacity:.85;background-color:#7a0a12}45%{mix-blend-mode:var(--grain-blend);opacity:.6;background-color:#0000}to{mix-blend-mode:var(--grain-blend);opacity:var(--grain);background-color:#0000}}}@media (max-width:40rem){.site-head{position:static}.site-head nav a,.site-head nav .bag-button{padding-block:.7em}figure.opening-hero{height:calc(100svh - 7.5rem);min-height:26rem}.hero-name{left:calc(var(--space) * 1.25);right:calc(var(--space) * 1.25);bottom:14%}.clips{gap:var(--space);grid-template-columns:repeat(2,minmax(0,1fr))}.clips>*{min-width:0}.clips>:first-child{grid-column:1/-1}.clips>figure.clip:first-child video{aspect-ratio:4/5}.exhibit.small{gap:var(--space);grid-template-columns:repeat(2,minmax(0,1fr))}.music-takes-pair{gap:var(--space)}dialog.bag{width:100vw}}.look-page{--look-serif:var(--font-look-serif), "Cormorant Garamond", Georgia, serif;--look-maguntia:var(--font-look-maguntia), "UnifrakturMaguntia", serif;--look-pirata:var(--font-look-pirata), "Pirata One", serif}.look{margin:0 calc(-1 * var(--space)) calc(var(--space) * 3)}.look-label{padding:0 var(--space);font-size:var(--step-1);margin-bottom:.5em}.look-screen{background:var(--black);color:var(--cream);align-content:end;min-height:100dvh;display:grid;position:relative;overflow:hidden}.look-photo{z-index:0;position:absolute;inset:0}.look-photo img{object-fit:cover;object-position:center 30%;filter:saturate(.55)contrast(1.1)brightness(.62);width:100%;height:100%}.look-photo:after{content:"";background:linear-gradient(to bottom, #0e0c0a59 0%, #0e0c0a26 35%, var(--black) 72%, var(--black) 100%);position:absolute;inset:0}.look-text{z-index:1;padding:0 var(--space) calc(var(--space) * 2);background:linear-gradient(to bottom, transparent 0, var(--black) 28%);padding-top:6rem;position:relative}.look-name{text-wrap:balance;margin:0;line-height:.95}.look-name-serif{font-family:var(--look-serif);letter-spacing:.14em;text-transform:uppercase;font-size:clamp(2.6rem,2rem + 6vw,7rem);font-weight:300}.look-name-maguntia{font-family:var(--look-maguntia);font-size:clamp(3rem,2rem + 7vw,8rem)}.look-name-pirata{font-family:var(--look-pirata);letter-spacing:.02em;font-size:clamp(3rem,2rem + 7vw,8rem)}.look-nav{font-family:var(--look-serif);font-weight:500;font-size:var(--step-0);letter-spacing:.22em;text-transform:uppercase;color:var(--silver);flex-wrap:wrap;gap:0 1.6em;margin:1.2em 0 2.4em;padding:0;list-style:none;display:flex}.look-song{margin:0 0 .35em;line-height:1}.look-song-maguntia{font-family:var(--look-maguntia);font-size:clamp(2.2rem,1.6rem + 3.5vw,4.5rem)}.look-song-serif{font-family:var(--look-serif);letter-spacing:.06em;font-size:clamp(2.2rem,1.6rem + 3.5vw,4.5rem);font-weight:400}.look-line{font-family:var(--look-serif);font-weight:400;font-size:var(--step-1);max-width:28em;color:var(--cream);margin:0 0 1.6em}.look-signup{font-family:var(--look-serif);font-weight:500;font-size:var(--step-0);letter-spacing:.22em;text-transform:uppercase;margin:0}.look-link{color:var(--cream);border-bottom:2px solid var(--red);padding-bottom:.25em}.brand-page{--look-serif:var(--font-look-serif), "Cormorant Garamond", Georgia, serif;--look-maguntia:var(--font-look-maguntia), "UnifrakturMaguntia", serif;--look-pirata:var(--font-look-pirata), "Pirata One", serif;background:var(--black);color:var(--cream);margin:0 calc(-1 * var(--space));padding:calc(var(--space) * 2) var(--space) calc(var(--space) * 3);font-family:var(--look-serif);font-weight:400;font-size:var(--step-0);-webkit-print-color-adjust:exact;print-color-adjust:exact;line-height:1.45}.brand-page p,.brand-page li{max-width:38em}.brand-head{margin-bottom:calc(var(--space) * 3)}.brand-kicker,.brand-type-label,.brand-line-where,.brand-page-name,.brand-swatch-name{font-size:var(--step--1);letter-spacing:.22em;text-transform:uppercase;color:var(--silver)}.brand-title{font-family:var(--look-serif);letter-spacing:.14em;text-transform:uppercase;margin:.2em 0 .4em;font-size:clamp(2.4rem,1.6rem + 5vw,5.5rem);font-weight:300;line-height:1}.brand-sub{font-size:var(--step-1);font-weight:300}.brand-section{margin-bottom:calc(var(--space) * 3);padding-top:calc(var(--space) * 1.5);border-top:1px solid #e8dcc42e}.brand-h{font-family:var(--look-serif);font-weight:400;font-size:var(--step-2);letter-spacing:.04em;margin:0 0 .6em}.brand-specimen{max-width:none;margin:.3em 0 .5em;line-height:1}.brand-specimen-serif{font-family:var(--look-serif);letter-spacing:.14em;text-transform:uppercase;font-size:clamp(2.2rem,1.4rem + 5vw,5rem);font-weight:300}.brand-specimen-mid{text-transform:none;letter-spacing:.06em;font-size:clamp(1.8rem,1.2rem + 3vw,3.4rem)}.brand-specimen-maguntia{font-family:var(--look-maguntia);font-size:clamp(2.4rem,1.6rem + 4vw,4.5rem)}.brand-specimen-pirata{font-family:var(--look-pirata);font-size:clamp(2.4rem,1.6rem + 4vw,4.5rem)}.brand-specimen-body{color:var(--silver)}.brand-type{margin:1.2em 0 1.6em}.brand-swatches{grid-template-columns:1fr;gap:.8em 1.5em;margin:1em 0;padding:0;list-style:none;display:grid}@media (min-width:48rem){.brand-swatches{grid-template-columns:1fr 1fr}}.brand-swatch{grid-template-rows:auto auto auto;grid-template-columns:3.2rem 1fr;align-items:start;column-gap:.9em;max-width:none;display:grid}.brand-chip{border:1px solid #e8dcc44d;grid-row:1/4;width:3.2rem;height:3.2rem}.brand-swatch-hex{color:var(--silver);font-size:var(--step--1)}.brand-photos{gap:var(--space);grid-template-columns:1fr;margin:1em 0 1.4em;display:grid}@media (min-width:48rem){.brand-photos{grid-template-columns:1fr 1fr}}.brand-photo{margin:0}.brand-photo img{aspect-ratio:4/3;object-fit:cover;filter:saturate(.55)contrast(1.1)brightness(.62);width:100%;height:auto;display:block}.brand-photo figcaption{color:var(--silver);font-size:var(--step--1);margin-top:.5em}.brand-list{margin:.4em 0 1em;padding-left:1.1em}.brand-list li{margin-bottom:.45em}.brand-lines{margin:.6em 0 0;padding:0;list-style:none}.brand-lines li{grid-template-columns:5.5rem 1fr;gap:.6em;max-width:38em;margin-bottom:.7em;display:grid}.brand-line-text{font-size:var(--step-1);font-weight:300}.brand-page-name{min-width:5.5rem;color:var(--cream);display:inline-block}.brand-cols{gap:var(--space);grid-template-columns:1fr;display:grid}@media (min-width:48rem){.brand-cols{grid-template-columns:1fr 1fr 1fr}}.brand-end{font-size:var(--step-1);border-bottom:2px solid var(--red);padding-bottom:.25em;font-weight:300;display:inline-block}@media print{@page{size:A4;margin:0}body:after{display:none}html:has(.brand-page) body>header{display:none}html:has(.brand-page) body>nav{display:none}html:has(.brand-page) body>footer{display:none}html:has(.brand-page) .skip{display:none}html:has(.brand-page){background:var(--black);margin:0;padding:0}html:has(.brand-page) body{background:var(--black);margin:0;padding:0}html:has(.brand-page) main{background:var(--black);margin:0;padding:0}.brand-page{margin:0;padding:16mm 16mm 18mm;font-size:11pt}.brand-break{break-before:page;border-top:0;padding-top:16mm}.brand-head{margin-bottom:14mm}.brand-section{margin-bottom:10mm}.brand-type,.brand-swatch,.brand-photo,.brand-lines li{break-inside:avoid}.brand-photos{grid-template-columns:1fr 1fr}}.music-still{aspect-ratio:4/5;object-fit:cover;width:100%;height:auto;display:block}.art-wall-box{margin-top:calc(var(--space) * 1.5);container-type:inline-size}.art-wall{--cols:2;--g:.1;--c:calc(100cqi / (var(--cols) + (var(--cols) - 1) * var(--g)));grid-template-columns:repeat(var(--cols), var(--c));column-gap:calc(var(--c) * var(--g));grid-auto-rows:calc(var(--c) / 100);grid-auto-flow:dense;display:grid}@media (min-width:48rem){.art-wall{--cols:3}}@media (min-width:90rem){.art-wall{--cols:4}}.art-wall a{grid-row-end:span var(--rows,110);align-self:start;display:block}.art-wall img{width:100%;height:auto;transition:opacity .3s;display:block}.art-wall a:hover img,.art-wall a:focus-visible img{opacity:.85}
