/* A workshop and a record sleeve: shared materials, different compositions. */
body{background:#111014}body:before{content:'';position:fixed;inset:0;pointer-events:none;border-top:3px solid #a760e8;z-index:50}.header{border-bottom-color:#574361}.brand small{font-size:12px}.section-tag{color:#c1b5c9}.workshop-opening{position:relative;isolation:isolate;min-height:235px;margin:24px 0 27px;padding:31px;overflow:hidden;grid-template-columns:1.05fr 1fr;gap:50px;background:#121516;border-left:3px solid var(--yellow)}.opening-workshop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 44%;z-index:-2;opacity:.55}.workshop-opening:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#141017ed 0%,#14101775 48%,#141017db 100%);z-index:-1}.workshop-opening .opening-note{border:0;padding-left:20px}.workshop-opening .name-pre{text-shadow:0 3px 12px #000}.workshop-opening .name-lockup h1{font-size:108px;text-shadow:0 4px 20px #000}.workshop-opening .opening-note>p{font-size:35px}.workshop-opening .opening-note>span:last-child{color:#ddd5e2}.feature-spread{grid-template-columns:.78fr 1.6fr}.portrait-spread{min-height:400px}.project-banner{height:207px}.project-bottom{padding-top:20px;padding-bottom:20px}.bench-pair{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:30px}.bench-pair article{display:grid;grid-template-columns:.92fr 1fr;gap:21px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:25px}.bench-image{display:block;background:#080910;height:175px;overflow:hidden}.bench-image img{width:100%;height:100%;object-fit:contain;transition:transform .3s}.bench-image:hover img{transform:scale(1.03)}.bench-pair h2,.documentation-pair h2{font-family:Barlow,Impact,sans-serif;font-size:34px;margin:6px 0 10px;line-height:1}.bench-pair p,.documentation-pair p{font-size:16px;color:var(--muted);line-height:1.45}.bench-pair .section-tag{font-size:12px;color:var(--purple)}.small-links{display:flex;flex-wrap:wrap;gap:12px 20px;margin-top:16px;font-size:14px}.small-links a{display:flex;align-items:center;gap:10px}.small-links .arrow{font-size:16px}.small-links a:hover{color:var(--yellow)}.creative-spread{margin-top:27px}.sound-spread,.art-spread{min-height:350px}.elsewhere{margin-top:32px;border-top:1px solid var(--line);padding-top:25px;display:grid;grid-template-columns:.8fr 1.6fr;gap:40px}.elsewhere h2{font:600 38px/1 Barlow,sans-serif;margin-top:12px}.elsewhere h2 em{display:block;font:400 48px/.9 Road,sans-serif;color:var(--yellow)}.elsewhere-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 25px}.elsewhere-links>a{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px solid var(--line);font-size:16px;gap:10px}.elsewhere-links small{display:block;font-size:12px;color:var(--muted);margin-top:4px}.elsewhere-links>a:hover{color:var(--yellow)}.elsewhere-links .arrow{font-size:19px}.documentation-pair{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:27px}.documentation-pair>article{padding-left:20px;border-left:2px solid var(--purple)}.documentation-pair>article:last-child{border-color:var(--yellow)}.work-outbound{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);margin-top:28px;padding-top:20px;font-size:14px}.work-outbound a{display:flex;gap:15px;align-items:center}.page-work .page-intro h1{font-size:80px}.page-work .page-intro h1 em{font-size:94px}.page-work .case-photo>img{height:350px}.page-work .case-copy h2{font-size:54px}.page-work .case-notes{margin-top:15px}.page-work .case-notes>div{padding:10px 0}.page-work .case-copy h2{margin:10px 0 12px}.page-work .bench-pair{margin-top:28px}.page-work .page-intro{padding:30px 0}.archive-intro h1{font-size:74px!important;line-height:1!important}.archive-intro h1 em{display:block;font-size:91px}.archive-intro{padding:29px 0 24px!important}.collection-picker{display:flex;justify-content:space-between;gap:18px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.collection-picker button{background:none;border:0;padding:17px 0;color:var(--muted);font-size:16px;position:relative;display:flex;gap:15px;align-items:center}.collection-picker button span{font-size:12px;opacity:.7}.collection-picker button[aria-pressed=true]{color:var(--yellow)}.collection-picker button[aria-pressed=true]:after{content:'';height:3px;background:var(--yellow);position:absolute;bottom:-1px;left:0;right:0}.collection-note{font-size:14px;color:var(--muted);padding:16px 0 20px}.archive-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:24px;align-items:start}.archive-piece button{border:0;background:#08070b;padding:0;position:relative;display:block;width:100%;height:242px;overflow:hidden}.archive-piece img{width:100%;height:100%;object-fit:contain;transition:transform .3s}.archive-piece button:hover img{transform:scale(1.02)}.archive-piece button:hover .enlarge,.archive-piece button:focus-visible .enlarge{opacity:1;transform:none}.archive-piece figcaption{display:flex;justify-content:space-between;gap:12px;margin-top:10px;font-size:14px;line-height:1.4}.archive-piece figcaption strong{font-weight:400}.archive-piece figcaption>span{font-size:12px;color:var(--muted);text-align:right}.collection-identity .piece-0{grid-column:span 2}.collection-identity .piece-0 button{height:300px}.collection-identity .piece-1 button{height:300px}.collection-identity .piece-2 img{padding:22px}.collection-identity .piece-2 button{background:#211927}.collection-covers .archive-grid{grid-template-columns:repeat(6,1fr);gap:21px}.collection-covers .archive-piece button{height:350px;background:transparent}.collection-covers figcaption{display:block}.collection-covers figcaption>span{display:block;text-align:left;margin-top:5px}.collection-worlds .archive-grid{grid-template-columns:repeat(4,1fr)}.collection-worlds .archive-piece button{height:280px;background:transparent}.collection-worlds .piece-4,.collection-worlds .piece-5{grid-column:span 2}.collection-worlds .piece-4 button,.collection-worlds .piece-5 button{height:215px}.collection-graphics .archive-grid{grid-template-columns:repeat(2,1fr)}.collection-graphics .archive-piece button{height:190px}.collection-graphics .piece-2 button,.collection-graphics .piece-3 button{height:105px}.collection-graphics .piece-5 img{object-fit:contain}.archive-end{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-top:26px;font-size:12px;color:var(--muted)}[hidden]{display:none!important}.sound-artwork{display:grid;grid-template-columns:.6fr 1.3fr .62fr .65fr;gap:26px;align-items:center;margin-top:43px;border-top:1px solid var(--line);padding-top:30px}.motion-art video{display:block;width:100%;height:238px;background:#080609;object-fit:contain}.motion-art>span{display:block;font-size:12px;color:var(--muted);margin-top:9px}.sound-art-copy h2{font:600 38px/1 Barlow,sans-serif;margin:13px 0}.sound-art-copy h2 em{display:block;font-family:Road,sans-serif;font-size:46px;font-weight:400;color:var(--purple);font-style:normal}.sound-art-copy p{color:var(--muted);font-size:16px}.sound-art-copy .line-link{margin-top:12px}.sound-poster img{max-height:244px;object-fit:contain;width:100%}.sound-poster{transform:rotate(3deg)}.ink-poster{transform:rotate(-4deg)}.contact-spread{grid-template-columns:1.05fr 1fr;gap:65px;padding-top:35px}.contact-links-panel>img{width:100%;height:245px;object-fit:cover;object-position:center}.contact-links-panel h2{font:600 30px/1 Barlow,sans-serif;margin:22px 0 5px}.contact-links-panel .elsewhere-links{grid-template-columns:1fr 1fr;gap:0 25px}.contact-copy h1{font-size:103px}.contact-copy h1 em{font-size:125px}.contact-copy .email{font-size:clamp(21px,2.6vw,37px)}
.collection-identity .archive-grid{grid-template-columns:repeat(12,minmax(0,1fr))}.collection-identity .archive-piece{grid-column:span 3}.collection-identity .piece-0{grid-column:span 8}.collection-identity .piece-1{grid-column:span 4}.collection-identity .archive-piece:nth-child(n+3) button{height:185px}
@media(min-width:1500px){.collection-covers .archive-piece button{height:400px}}
@media(max-width:1100px){.workshop-opening{padding:27px;gap:30px}.workshop-opening .name-lockup h1{font-size:98px}.workshop-opening .opening-note>p{font-size:30px}.bench-pair article{grid-template-columns:1fr}.bench-image{height:165px}.bench-pair{gap:25px}.elsewhere{grid-template-columns:.7fr 1.6fr;gap:25px}.elsewhere-links{gap:0 18px}.collection-picker button{font-size:14px;gap:8px}.archive-grid{gap:20px}.archive-piece figcaption{display:block}.archive-piece figcaption>span{display:block;text-align:left;margin-top:3px}.collection-covers .archive-grid{grid-template-columns:repeat(3,1fr)}.collection-covers .archive-piece button{height:290px}.sound-artwork{grid-template-columns:.65fr 1.25fr .7fr}.ink-poster{display:none}.contact-spread{gap:35px}.contact-links-panel>img{height:210px}.contact-copy .email{font-size:26px}}
@media(max-width:700px){.workshop-opening{margin-top:20px;padding:24px 19px;gap:24px;min-height:300px;grid-template-columns:1fr}.workshop-opening .name-lockup h1{font-size:103px}.workshop-opening .opening-note{padding:0}.opening-workshop{object-position:35% center;opacity:.4}.workshop-opening:after{background:linear-gradient(90deg,#141017e8,#14101780)}.workshop-opening .opening-note>p{font-size:29px}.feature-spread{gap:20px}.portrait-spread{min-height:175px}.project-banner{height:auto}.bench-pair{gap:20px;margin-top:25px}.bench-pair article{gap:14px;padding-bottom:20px}.bench-image{height:110px}.bench-pair h2{font-size:29px;overflow-wrap:anywhere}.bench-pair p{font-size:14px;line-height:1.5}.bench-pair .section-tag{display:none}.small-links{font-size:14px;gap:12px}.small-links a{gap:5px}.small-links .arrow{font-size:14px}.elsewhere{grid-template-columns:1fr;gap:15px;margin-top:25px;padding-top:24px}.elsewhere h2{font-size:33px;margin-top:8px}.elsewhere h2 em{display:inline;font-size:41px}.elsewhere-links{grid-template-columns:1fr 1fr;gap:0 23px}.elsewhere-links>a{font-size:15px;padding:15px 0}.footer{flex-wrap:wrap}.footer>div{gap:16px}.documentation-pair{grid-template-columns:1fr;gap:25px}.documentation-pair h2{font-size:32px}.documentation-pair p{font-size:16px}.documentation-pair article{padding-left:17px}.work-outbound{display:grid;gap:17px}.page-work .page-intro h1{font-size:61px;line-height:.95}.page-work .page-intro h1 em{font-size:73px}.page-work .case-photo>img{height:auto}.page-work .bench-pair .bench-image{height:100px}.archive-intro h1{font-size:57px!important}.archive-intro h1 em{font-size:78px}.collection-picker{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.collection-picker button{font-size:14px;justify-content:space-between;gap:6px;padding:14px 0;text-align:left;line-height:1.3}.collection-note{padding:15px 0 18px;font-size:14px}.archive-grid{grid-template-columns:1fr 1fr;gap:23px 17px}.archive-piece button{height:170px}.collection-identity .piece-0{grid-column:1/-1}.collection-identity .piece-0 button{height:auto;aspect-ratio:1.8}.collection-identity .piece-1 button{height:170px}.collection-identity .piece-2 img{padding:14px}.collection-identity .piece-5{grid-column:1/-1}.collection-identity .piece-5 button{height:auto;aspect-ratio:1.78}.collection-covers .archive-grid{grid-template-columns:repeat(2,1fr);gap:23px 17px}.collection-covers .archive-piece button{height:auto;aspect-ratio:2/3}.collection-worlds .archive-grid{grid-template-columns:1fr 1fr}.collection-worlds .archive-piece button{height:245px}.collection-worlds .piece-4,.collection-worlds .piece-5{grid-column:span 1}.collection-worlds .piece-4 button,.collection-worlds .piece-5 button{height:130px}.collection-graphics .archive-grid{grid-template-columns:1fr 1fr}.collection-graphics .archive-piece button{height:130px}.collection-graphics .piece-2,.collection-graphics .piece-3{grid-column:1/-1}.collection-graphics .piece-2 button,.collection-graphics .piece-3 button{height:auto;aspect-ratio:4.7}.archive-end{display:block;line-height:1.5;margin-top:25px}.archive-end .line-link{display:flex;margin-top:14px;font-size:14px;gap:15px}.sound-artwork{grid-template-columns:.65fr 1fr;gap:20px;margin-top:31px;padding-top:25px}.sound-art-copy h2{font-size:30px}.sound-art-copy h2 em{font-size:38px}.sound-art-copy p{font-size:14px}.sound-art-copy .line-link{font-size:14px;gap:12px;width:auto}.sound-poster{display:none}.motion-art video{height:245px}.contact-spread{grid-template-columns:1fr;gap:31px;padding-top:28px}.contact-copy h1{font-size:82px}.contact-copy h1 em{font-size:110px}.contact-copy .email{font-size:clamp(20px,5.5vw,32px)}.contact-links-panel>img{height:auto;aspect-ratio:2}.contact-links-panel h2{font-size:29px}.contact-links-panel .elsewhere-links{gap:0 22px}.page-contact .footer{margin-top:28px}}
@media(max-width:700px){.collection-identity .archive-grid{grid-template-columns:1fr 1fr}.collection-identity .archive-piece{grid-column:span 1}.collection-identity .piece-0,.collection-identity .piece-5{grid-column:1/-1}.collection-identity .archive-piece:nth-child(n+3) button{height:170px}.collection-identity .piece-5 button{height:auto!important}}
@media(max-width:360px){.workshop-opening .name-lockup h1{font-size:90px}.workshop-opening{padding:23px 14px}.collection-picker button{font-size:13px}.bench-pair h2{font-size:26px}.bench-pair{gap:17px}.archive-intro h1 em{font-size:68px}.elsewhere-links{gap:0 17px}.sound-art-copy h2 em{font-size:33px}}