@layer reset,base,scene,content,controls,responsive;
@layer reset{*,*::before,*::after{box-sizing:border-box}*{margin:0}img,svg,video{display:block;max-width:100%}button,input{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}ol{list-style:none;padding:0}svg{fill:currentColor}button{border:0}button:disabled{cursor:wait}}
@layer base{:root{--ink:oklch(15.5% .014 278);--ink-soft:oklch(19.5% .014 278);--paper:oklch(89.5% .043 26);--paper-light:oklch(94% .025 26);--red:oklch(58.5% .217 28);--muted:oklch(70% .025 26);--line:oklch(89.5% .043 26 / .2);--display:'Big Shoulders Display',Impact,'Arial Narrow',sans-serif;--text:Archivo,Arial,sans-serif;--ease:cubic-bezier(.22,1,.36,1);--gutter:clamp(24px,5.4vw,104px)}html{scroll-behavior:smooth;background:var(--ink);scroll-padding-top:80px}body{font:400 16px/1.55 var(--text);background:var(--ink);color:var(--paper);overflow-x:clip;-webkit-font-smoothing:antialiased}::selection{background:var(--red);color:var(--paper-light)}:focus-visible{outline:2px solid currentColor;outline-offset:6px}button:active,.button:active{transform:scale(.97)}a,button{touch-action:manipulation}button{transition:transform 140ms var(--ease),background-color 180ms,color 180ms}h1,h2,h3{font-weight:500}h1,h2{font-family:var(--display);line-height:.96;letter-spacing:-.025em}h2{font-size:clamp(66px,7.5vw,132px);font-weight:800}h3{font-size:18px}p{max-width:66ch}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:12px;left:20px;transform:translateY(-160%);z-index:200;background:var(--paper);color:var(--ink);padding:12px 18px}.skip-link:focus{transform:none}.site-header{height:86px;display:flex;align-items:center;justify-content:space-between;gap:28px;padding:0 var(--gutter);position:fixed;inset:0 0 auto;z-index:70;transition:background .25s,border-color .25s;border-bottom:1px solid transparent}.site-header.is-solid{background:oklch(15.5% .014 278 / .97);border-color:var(--line)}.wordmark{display:block;flex-shrink:0;width:110px}.wordmark img{width:100%;height:auto}.site-header nav{display:flex;gap:32px;font-size:13px}.site-header nav a{padding:12px 0;position:relative}.site-header nav a::after{content:'';position:absolute;inset:auto 0 4px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .22s var(--ease)}.site-header nav a[aria-current=true]::after{transform:scaleX(1)}.booking-link{font-size:13px;display:flex;gap:24px;align-items:center;border:1px solid var(--line);padding:10px 15px}.booking-link span{font-size:18px}.menu-button{display:none}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:52px;padding:16px 24px;line-height:1.3;font-size:14px;font-weight:500;border:1px solid transparent}.button svg{width:19px;height:19px}.button--paper{background:var(--paper);color:var(--ink)}.button--ink{background:var(--ink);color:var(--paper)}.button[data-track][aria-pressed=true]{background:var(--red);color:var(--paper-light)}.text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;border-bottom:1px solid;padding:10px 0;font-size:14px;line-height:1.4}.text-link span{font-size:20px}.quiet-link{font-size:14px;border-bottom:1px solid var(--line);padding:10px 0}.small-copy{font-size:13px;color:oklch(35% .02 26)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:70px}.section-heading .text-link{margin-bottom:10px}}
@layer scene{.entrance{height:100svh;position:relative}.js .entrance{height:300svh}.entrance-stage{position:sticky;top:0;height:100svh;min-height:580px;overflow:hidden;isolation:isolate;background:var(--ink)}.scene,.scene-fallback,#laneCanvas,.scene-shade{position:absolute;inset:0;width:100%;height:100%}.scene{transform-origin:50% 50%}.scene-fallback{object-fit:cover;object-position:center;transition:opacity .6s}.scene canvas{opacity:0;transition:opacity .6s}.scene.has-depth canvas{opacity:1}.scene.has-depth .scene-fallback{opacity:0}.scene-shade{background:linear-gradient(180deg,oklch(10% .015 278 / .48),transparent 28%,oklch(10% .015 278 / .1) 45%,oklch(10% .015 278 / .87));pointer-events:none}.paint-edge{position:absolute;top:-8%;bottom:-8%;width:19%;background:url('../assets/laneway/cover.jpg') 89% 55%/auto 120%;z-index:1;filter:brightness(.67);will-change:transform;pointer-events:none}.paint-edge--left{left:-9%;clip-path:polygon(0 0,100% 0,65% 100%,0 100%)}.paint-edge--right{right:-12%;clip-path:polygon(40% 0,100% 0,100% 100%,0 100%);background-position:98% 60%}.opening-copy{position:absolute;z-index:5;left:var(--gutter);right:var(--gutter);bottom:15%;will-change:transform,opacity}.hero-details{display:flex;gap:38px;align-items:center;margin-bottom:23px;font-size:12px;letter-spacing:.12em;font-weight:500;text-shadow:0 2px 14px var(--ink)}.opening-copy h1{display:flex;gap:.22em;font:900 clamp(76px,12.1vw,210px)/.92 var(--display);letter-spacing:-.02em;margin-left:-.025em;text-shadow:0 2px 32px oklch(10% .01 278 / .6)}.opening-actions{display:flex;gap:32px;align-items:center;margin-top:35px}.scene-sleeve{display:block;position:absolute;width:clamp(125px,15vw,235px);top:26%;right:13%;z-index:4;transform:perspective(1000px) rotateY(-25deg) rotateZ(7deg);transform-origin:100% center;box-shadow:15px 20px 45px oklch(8% .01 278 / .55);will-change:transform,opacity}.scene-sleeve img{width:100%;height:auto;border:5px solid var(--paper)}.inner-copy{position:absolute;left:var(--gutter);bottom:22%;z-index:3;opacity:0;visibility:hidden;will-change:transform,opacity}.inner-copy p{font:800 clamp(70px,8.5vw,145px)/.95 var(--display);letter-spacing:-.02em}.inner-copy>span{display:block;margin-top:30px;font-size:12px;letter-spacing:.12em}.scene-bottom{display:flex;align-items:center;justify-content:space-between;gap:24px;position:absolute;z-index:7;left:var(--gutter);right:var(--gutter);bottom:28px;font-size:11px;letter-spacing:.06em}.scroll-invitation{display:flex;align-items:center;gap:17px;min-height:44px}.scroll-mark{height:26px;width:15px;border:1px solid var(--line);border-radius:10px;position:relative}.scroll-mark::after{content:'';height:5px;width:1px;background:var(--paper);position:absolute;left:6px;top:5px;animation:scrollhint 2s var(--ease) infinite}@keyframes scrollhint{0%,100%{transform:translateY(0);opacity:.5}50%{transform:translateY(8px);opacity:1}}.journey-line{display:flex;align-items:center;gap:12px}.journey-line i{height:1px;width:90px;background:var(--line)}.journey-line b{height:2px;display:block;background:var(--paper);width:100%;transform:scaleX(0);transform-origin:left}.motion-control{display:flex;align-items:center;gap:9px;min-height:44px;background:transparent;border:0;font-size:12px;padding:10px 0}.motion-symbol{font-size:13px}.js body.motion-paused .entrance{height:100svh}.motion-paused .inner-copy{display:none}.motion-paused .scroll-mark::after{animation:none}}
@layer content{.release{padding:130px var(--gutter) 140px;background:var(--paper);color:var(--ink);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10vw;align-items:center;position:relative}.release-date{display:flex;gap:30px;font-size:12px;letter-spacing:.06em;margin-bottom:40px}.release h2{font-size:clamp(80px,8.2vw,144px)}.release-name{font-size:22px;line-height:1.3;margin:36px 0 28px;display:flex;align-items:baseline;gap:24px}.release-name>span{font-size:12px;letter-spacing:.1em}.release .text-link{margin-top:25px}.release-sleeve{min-width:0;position:relative;transform:rotate(4deg);padding-bottom:34px}.release-sleeve>img{width:100%;height:auto;position:relative;z-index:2;box-shadow:0 30px 40px oklch(20% .01 278 / .2)}.sleeve-shadow{position:absolute;left:10%;right:5%;bottom:28px;height:60%;background:var(--ink);transform:rotate(-10deg);opacity:.10}.release-sleeve figcaption{position:absolute;bottom:0;left:0;right:0;font-size:10px;letter-spacing:.08em;display:flex;justify-content:space-between;gap:8px}.inline-player{display:flex;gap:18px;align-items:center;margin-bottom:15px}.round-play{width:48px;height:48px;background:var(--ink);color:var(--paper);border-radius:50%;display:grid;place-items:center;flex:0 0 auto}.round-play svg{width:22px;height:22px}.round-play[aria-pressed=true]{background:var(--red);color:var(--paper-light)}.inline-wave{height:38px;flex:1;max-width:300px;opacity:.67}.inline-wave svg{width:100%;height:100%}.preview-length{font-size:12px;font-variant-numeric:tabular-nums}.cinema{padding:120px var(--gutter) 90px}.cinema-title{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:54px}.cinema-title h2{font-size:clamp(68px,7.4vw,128px)}.cinema-title p{font-size:14px;letter-spacing:.05em;text-align:right;line-height:1.5}.cinema-title p>span{display:block;margin-top:8px;color:var(--muted);font-size:11px}.film-frame{position:relative;width:100%;background:var(--ink-soft);isolation:isolate}.film-frame video{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}.film-start{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:var(--paper);color:var(--ink);padding:24px 27px;display:flex;gap:18px;align-items:center;font-size:14px;box-shadow:0 5px 50px oklch(8% .015 278 / .3)}.film-start:active{transform:translate(-50%,-50%) scale(.97)}.film-start svg{width:22px;height:22px}.film-frame.has-started .film-start{display:none}.cinema-footer{display:flex;justify-content:space-between;gap:25px;margin-top:20px;font-size:13px;color:var(--muted)}.film-control{background:transparent;color:var(--paper);text-decoration:underline;font-size:13px;min-height:30px}.records{padding:80px var(--gutter) 135px}.record-browser{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.25fr);gap:10vw;align-items:start}.record-display{position:sticky;top:120px;padding:20px 0 0 20px}.record-display__stage{position:relative;isolation:isolate}.record-display__stage>img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;position:relative;box-shadow:0 18px 50px oklch(8% .01 278 / .25);transition:opacity .15s}.record-back{position:absolute;inset:0;border:1px solid var(--line);background:var(--ink-soft);z-index:-1}.record-back--one{transform:translate(-10px,-12px) rotate(-3deg)}.record-back--two{transform:translate(-20px,-21px) rotate(-6deg);opacity:.65}.record-display__caption{display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin-top:25px;font-size:14px}.record-display__caption>span:last-child{color:var(--muted);font-size:10px;letter-spacing:.08em}.record-list{width:100%}.record-row{display:flex;align-items:center;gap:20px;min-height:88px;padding:17px 0;border-bottom:1px solid var(--line);position:relative}.record-row:first-child{border-top:1px solid var(--line)}.record-number{font-size:11px;color:var(--muted);width:20px;font-variant-numeric:tabular-nums}.record-row>img{width:44px;height:44px;object-fit:cover;display:none}.record-info{flex:1;min-width:0}.record-info h3{font-size:clamp(17px,1.55vw,25px);line-height:1.3;margin-bottom:6px;font-weight:500;letter-spacing:-.025em}.record-info p{font-size:11px;color:var(--muted);line-height:1.5}.track-play{display:grid;place-items:center;width:44px;height:44px;flex:0 0 auto;border:1px solid var(--line);border-radius:50%;color:var(--paper);background:transparent}.track-play svg{width:19px;height:19px}.track-play[aria-pressed=true]{background:var(--paper);color:var(--ink)}.record-row.is-playing .record-info h3{color:var(--paper-light)}.record-row.is-playing .record-number{color:var(--paper)}.track-unavailable{font-size:10px;color:var(--muted)}.more-records{margin-top:16px}.more-records summary,.usb-contents summary{list-style:none;cursor:pointer;font-size:14px;display:flex;justify-content:space-between;align-items:center;padding:20px 0;min-height:60px}.more-records summary::-webkit-details-marker,.usb-contents summary::-webkit-details-marker{display:none}.more-records summary>span,.usb-contents summary>span{font-size:22px;line-height:1;transition:transform .2s var(--ease)}.more-records[open] summary>span{transform:rotate(45deg)}.cube-link{display:flex;gap:20px;font-size:12px;align-items:center;justify-content:space-between;border-top:1px solid var(--line);margin-top:12px;padding:20px 0;color:var(--muted)}.on-set{padding:100px var(--gutter) 110px;background:var(--ink-soft);display:grid;grid-template-columns:.38fr 1fr;gap:5vw;align-items:start}.on-set-intro{position:sticky;top:115px}.on-set-intro>span{font-size:11px;letter-spacing:.07em;color:var(--muted)}.on-set-intro h2{font-size:clamp(66px,8vw,130px);margin:24px 0 30px}.on-set-intro p{font-size:15px;line-height:1.8;color:var(--muted)}.on-set-frame>img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;object-position:40% 50%}.on-set-frame figcaption{display:flex;justify-content:space-between;gap:18px;font-size:12px;line-height:1.5;padding-top:16px;color:var(--muted)}.on-set-frame figcaption>span:first-child{font-size:10px;letter-spacing:.07em}.usb{background:var(--paper);color:var(--ink);padding:120px var(--gutter);display:grid;grid-template-columns:.7fr 1fr;gap:70px 9vw;--line:oklch(15.5% .014 278 / .2);--muted:oklch(39% .02 278)}.usb-intro{position:sticky;top:120px;align-self:start}.usb h2{font-size:clamp(66px,7.5vw,128px);max-width:6ch}.usb-intro>p{margin:32px 0 25px;font-size:16px;line-height:1.8}.usb-contents summary{border-bottom:1px solid var(--line);padding-top:0}.usb .record-row>img{display:block}.usb .record-number{display:none}.usb .record-info h3{font-size:16px;font-weight:500;letter-spacing:-.015em}.usb .record-info p{font-size:11px}.usb .track-play{color:var(--ink)}.usb .track-play[aria-pressed=true]{background:var(--ink);color:var(--paper)}.usb .record-row.is-playing .record-info h3{color:var(--red)}.usb-contents details:not([open]) summary>span{transform:rotate(90deg)}.access{grid-column:1/-1;display:grid;grid-template-columns:.7fr 1fr;gap:9vw;padding-top:65px;border-top:1px solid var(--line);scroll-margin-top:100px}.access h3{font:800 clamp(36px,4.5vw,76px)/1.05 var(--display);letter-spacing:-.025em;margin-bottom:24px}.access p{font-size:14px;line-height:1.8;max-width:34ch}.form-fields{display:grid;grid-template-columns:1fr 1fr;gap:28px 24px;margin-bottom:30px}.form-fields label{font-size:12px}.form-fields label>span{color:var(--muted);font-size:11px}.form-fields input{display:block;width:100%;margin-top:8px;background:transparent;border:0;border-bottom:1px solid var(--line);padding:8px 0 12px;font-size:16px;border-radius:0;outline-offset:3px}.form-fields input::placeholder{color:var(--muted)}.form-status{margin-top:20px;min-height:1.8em!important;max-width:100%!important}.about{padding:140px var(--gutter);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10vw;align-items:center}.about-photo{overflow:hidden;background:var(--ink)}.about-photo img{display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;object-position:50% 35%}.about-location{font-size:11px;letter-spacing:.08em;color:var(--muted);margin-bottom:30px}.about h2{font-size:clamp(64px,7vw,112px);line-height:1.02;margin-bottom:35px}.about-copy>p:not(.about-location){font-size:16px;line-height:1.8;margin:20px 0;color:var(--muted);max-width:41ch}.about-links{display:flex;gap:30px;flex-wrap:wrap;margin-top:26px}.about-links a{font-size:12px}.contact{background:var(--paper);color:var(--ink);padding:100px var(--gutter) 30px}.contact-top{display:flex;justify-content:space-between;gap:50px;align-items:start}.contact-top>div:first-child>p{font-size:11px;letter-spacing:.08em;margin-bottom:24px}.email-link{position:relative;display:inline-block;font:800 clamp(54px,6vw,100px)/1.03 var(--display);letter-spacing:-.025em;padding-right:100px}.email-link>span{position:absolute;right:0;top:0;font:400 60px/1 var(--text)}.contact-email{display:block;font-size:14px;margin-top:24px}.social-links{display:flex;flex-direction:column;gap:18px;font-size:15px;padding-top:6px}.social-links a{padding:4px 0}.footer-wordmark{display:block;margin:105px 0 55px}.footer-wordmark img{width:100%;height:auto;filter:brightness(0);opacity:.94}.footer-bottom{display:flex;justify-content:space-between;gap:25px;border-top:1px solid oklch(15.5% .014 278 / .2);padding-top:24px;font-size:11px}.has-player .contact{padding-bottom:125px}}
@layer controls{.sound-dock{position:fixed;z-index:100;left:50%;bottom:22px;transform:translateX(-50%);width:min(610px,calc(100% - 40px));background:var(--ink);color:var(--paper);border:1px solid oklch(89.5% .043 26 / .32);box-shadow:0 10px 60px oklch(8% .01 278 / .25);display:flex;gap:15px;align-items:center;padding:14px 16px;animation:dockIn .3s var(--ease) both}.sound-dock[hidden]{display:none}.sound-dock>img{width:48px;height:48px;object-fit:cover}.dock-main{flex:1;min-width:0}.dock-heading{display:flex;gap:10px;justify-content:space-between;align-items:baseline;margin-bottom:6px}.dock-heading>span:first-child{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dock-heading>span:last-child{font-size:10px;white-space:nowrap;color:var(--muted);font-variant-numeric:tabular-nums}.dock-progress{position:relative;height:28px}.dock-wave{width:100%;height:100%}.dock-wave svg{width:100%;height:100%;overflow:visible}.wave-base{opacity:.28}.wave-played{opacity:1}.dock-progress input{position:absolute;inset:-6px 0;width:100%;height:40px;opacity:0;cursor:pointer;margin:0}.dock-progress:focus-within{outline:1px solid var(--paper);outline-offset:5px}.dock-toggle,.dock-close{min-width:40px;height:44px;background:transparent;color:var(--paper);font-size:19px;padding:8px}.dock-close{font-size:24px;color:var(--muted);min-width:30px}.dock-toggle{border:1px solid var(--line);border-radius:50%;height:40px}@keyframes dockIn{from{opacity:0;translate:0 10px}to{opacity:1;translate:0 0}}}
@layer responsive{@media(hover:hover) and (pointer:fine){.site-header nav a:hover::after{transform:scaleX(1)}.button--paper:hover{background:var(--paper-light)}.button--ink:hover{background:oklch(25% .02 278)}.track-play:hover{background:var(--paper);color:var(--ink)}.usb .track-play:hover{background:var(--ink);color:var(--paper)}.record-row:hover .record-info h3{transform:translateX(4px)}.record-info h3{transition:transform .2s var(--ease)}.quiet-link:hover,.text-link:hover{border-color:transparent}.film-start:hover{background:var(--paper-light)}.booking-link:hover{background:var(--paper);color:var(--ink)}}
@media(min-width:1800px){:root{--gutter:max(90px,calc((100vw - 1660px)/2))}.opening-copy h1{font-size:210px}.release,.record-browser,.about{gap:140px}}
@media(max-width:1050px){.site-header nav{gap:20px}.booking-link{gap:15px}.site-header{gap:20px}.record-browser{gap:7vw}.release{gap:6vw}.release h2{font-size:9vw}.record-info h3{font-size:18px}.on-set{grid-template-columns:.4fr 1fr;gap:5vw}.on-set-frame>img{aspect-ratio:16/9}.on-set-frame figcaption{flex-wrap:wrap;gap:5px}.about{gap:7vw}.email-link{padding-right:70px}.contact-top{gap:30px}.opening-copy h1{font-size:12.5vw}}
@media(max-width:760px){:root{--gutter:28px}html{scroll-padding-top:72px}.site-header{height:72px}.wordmark{width:90px}.site-header nav{display:none;position:absolute;left:0;right:0;top:72px;padding:20px var(--gutter) 30px;background:var(--ink);border-bottom:1px solid var(--line);font-size:20px}.site-header nav.is-open{display:flex;flex-direction:column;gap:8px}.site-header nav a{padding:12px 0}.site-header nav a::after{display:none}.booking-link{margin-left:auto;font-size:12px;padding:7px 10px}.booking-link span{display:none}.menu-button{display:flex;align-items:center;gap:9px;background:transparent;font-size:12px;padding:12px 0 12px 10px;min-height:44px}.menu-button span{font-size:19px}.js .entrance{height:250svh}.entrance-stage{min-height:620px}.opening-copy{bottom:19%}.opening-copy h1{display:block;font-size:25vw;line-height:.88}.opening-copy h1 span{display:block}.hero-details{font-size:10px;gap:20px;letter-spacing:.07em;margin-bottom:24px}.opening-actions{margin-top:30px;gap:22px;flex-wrap:wrap}.opening-actions .button{font-size:13px;min-height:48px;padding:13px 20px;gap:14px}.opening-actions .quiet-link{font-size:12px}.scene-sleeve{width:110px;right:12%;top:17%;transform:perspective(800px) rotateY(-24deg) rotateZ(7deg)}.scene-sleeve img{border-width:3px}.paint-edge{width:25%}.paint-edge--left{left:-17%}.paint-edge--right{right:-18%}.scene-bottom{font-size:9px;bottom:23px;gap:15px}.scroll-invitation{gap:12px;max-width:170px;font-size:9px}.journey-line{display:none}.motion-control{font-size:11px}.inner-copy{bottom:27%}.inner-copy p{font-size:19vw}.inner-copy>span{font-size:10px}.release{padding:85px var(--gutter) 95px;grid-template-columns:1fr;gap:65px}.release-copy{order:1}.release-sleeve{order:0;margin:0 5vw;max-width:480px}.release h2{font-size:21vw;line-height:.96}.release-date{margin-bottom:26px;justify-content:space-between;font-size:11px}.release-name{font-size:22px;margin:25px 0}.inline-wave{max-width:none}.release-sleeve figcaption{font-size:9px}.cinema{padding:85px 0 65px}.cinema-title{padding:0 var(--gutter);margin-bottom:34px;display:block}.cinema-title h2{font-size:19vw}.cinema-title p{margin-top:26px;text-align:left;font-size:12px}.cinema-title p>span{display:inline;margin-left:14px;font-size:10px}.film-frame video{aspect-ratio:16/10}.film-start{padding:17px 20px;gap:10px;font-size:13px}.cinema-footer{padding:0 var(--gutter);font-size:12px;gap:15px}.records{padding:55px var(--gutter) 80px}.section-heading{display:block;margin-bottom:40px}.section-heading h2{font-size:20vw}.section-heading .text-link{font-size:12px;margin:20px 0 0}.record-browser{grid-template-columns:1fr;gap:35px}.record-display{position:relative;top:auto;padding-left:16px;width:min(76%,360px);margin:5px auto 0}.record-display__caption>span:last-child{font-size:9px}.record-display__caption{font-size:12px;margin-top:20px}.record-row{gap:14px;min-height:80px;padding:15px 0}.record-info h3{font-size:18px}.record-info p{font-size:11px}.record-number{font-size:10px;width:15px}.on-set{display:block;padding:65px var(--gutter) 75px}.on-set-intro{position:relative;top:auto;margin-bottom:30px}.on-set-intro h2{font-size:26vw;line-height:.95;margin:16px 0 23px}.on-set-intro>span{font-size:10px}.on-set-intro>p{font-size:15px;line-height:1.6}.on-set-frame>img{aspect-ratio:16/10;object-position:35% center}.on-set-frame figcaption{font-size:12px;line-height:1.7;display:block}.on-set-frame figcaption>span{display:block}.on-set-frame figcaption>span:first-child{font-size:9px;margin-bottom:3px}.usb{padding:75px var(--gutter);display:block}.usb-intro{position:relative;top:auto;margin-bottom:45px}.usb h2{font-size:23vw;max-width:9ch}.usb-intro>p{font-size:16px;margin:26px 0 18px}.usb-contents summary{font-size:13px}.usb .record-row{gap:14px}.usb .record-info h3{font-size:15px}.usb .record-row>img{width:38px;height:38px}.usb .record-info p{font-size:10px}.access{display:block;margin-top:55px;padding-top:50px;scroll-margin-top:85px}.access h3{font-size:54px}.access>div>p{font-size:15px;max-width:32ch;margin-bottom:34px}.form-fields{gap:26px 20px}.form-fields label{font-size:12px}.form-fields label>span{display:block;font-size:10px}.form-fields input{font-size:16px}.access .button{font-size:13px;width:100%;justify-content:space-between}.about{display:flex;flex-direction:column;padding:85px var(--gutter);gap:45px}.about-photo{width:100%}.about-photo img{aspect-ratio:3/4}.about-location{margin-bottom:20px;font-size:10px}.about h2{font-size:21vw;margin-bottom:27px}.about-copy>p:not(.about-location){font-size:16px}.about-links{gap:20px}.contact{padding:75px var(--gutter) 25px}.contact-top{display:block}.email-link{font-size:15vw;padding-right:45px}.email-link>span{font-size:40px;right:0}.contact-top>div:first-child>p{font-size:10px}.contact-email{font-size:13px}.social-links{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:40px;font-size:14px}.footer-wordmark{margin:65px 0 40px}.footer-bottom{font-size:10px;gap:15px;flex-wrap:wrap}.footer-bottom span{width:100%}.sound-dock{bottom:12px;width:calc(100% - 24px);padding:11px;gap:11px}.sound-dock>img{width:40px;height:40px}.dock-heading>span:first-child{font-size:12px}.dock-heading>span:last-child{font-size:9px}.dock-toggle{min-width:36px;height:36px}.dock-close{min-width:20px;padding:4px;font-size:23px}.dock-progress{height:25px}.dock-progress input{height:36px}.dock-wave{height:25px}}
@media(max-width:360px){:root{--gutter:20px}.hero-details{font-size:9px;gap:13px}.booking-link{display:none}.menu-button{margin-left:auto}.opening-actions{gap:13px}.opening-actions .quiet-link{font-size:11px}.form-fields{grid-template-columns:1fr}.form-fields label>span{display:inline}.dock-heading>span:last-child{display:none}.record-info h3{font-size:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.js .entrance{height:100svh}.inner-copy{display:none}*,*::before,*::after{animation:none!important;transition:none!important}.scene canvas{display:none!important}.scene-fallback{opacity:1!important}}
}

@layer base{html:not(.js) [data-track],html:not(.js) .film-start,html:not(.js) .motion-control,html:not(.js) .menu-button{display:none}.no-script-note{padding:20px var(--gutter);background:var(--paper);color:var(--ink);font-size:14px}.no-script-note a{text-decoration:underline}.full-scene-link{display:inline-block;text-decoration:underline;text-underline-offset:4px}.full-scene-link:hover{text-decoration:none}}
@layer responsive{.js body.motion-paused .entrance{height:100svh}.motion-control:disabled{cursor:default}}

@layer responsive{.film-frame--teaser{width:min(100%,380px);margin-inline:auto}.film-frame--teaser video{aspect-ratio:9/16;object-fit:contain}.film-start{white-space:nowrap}@media(max-width:760px){.film-frame--teaser{width:min(calc(100% - 56px),380px)}}}

@layer content{.upcoming-release{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:30px 0 34px;margin-bottom:62px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.upcoming-kicker{font-size:10px;letter-spacing:.1em;color:var(--muted);margin-bottom:17px}.upcoming-release h3{font-size:clamp(25px,3vw,42px);letter-spacing:-.035em;line-height:1.2;font-weight:500}.upcoming-release h3 span{display:inline-block}.upcoming-credit{font-size:13px;color:var(--muted);margin-top:12px}.upcoming-date{font-size:14px;white-space:nowrap;align-self:flex-end;padding-bottom:3px}.upcoming-date time{font-weight:600}}
@layer responsive{@media(max-width:760px){.upcoming-release{display:block;margin-bottom:48px;padding:25px 0 28px}.upcoming-date{margin-top:22px;font-size:12px}.upcoming-release h3{font-size:29px}.upcoming-credit{font-size:12px}}}

/* A longer native-scroll journey gives the pasted poster a quiet viewing beat. */
@layer scene{.js .entrance{height:500svh}.scene-photograph{position:absolute;left:50%;top:50%;width:100%;height:100%;transform:translate(-50%,-50%);transform-origin:50% 50%;will-change:transform}.scene-photograph .scene-fallback{width:100%;height:100%;object-fit:fill;transition:none}.poster-fallback{visibility:hidden;position:absolute;left:0;top:0;width:1122px;max-width:none;height:1402px;transform-origin:0 0;filter:brightness(.8) saturate(.85);box-shadow:1px 2px 3px #0008}.scene.has-depth .scene-photograph{opacity:0;pointer-events:none}.poster-detail{position:absolute;z-index:6;bottom:72px;left:50%;transform:translateX(-50%);font-size:12px;letter-spacing:.02em;display:flex;gap:22px;align-items:center;opacity:0;visibility:hidden;text-shadow:0 2px 10px #000}.poster-detail>span:first-child{color:var(--muted);font-size:9px;letter-spacing:.14em}.poster-detail:focus-visible{outline-offset:8px}.scene-shade{transition:opacity .15s linear}.inner-copy{pointer-events:none}}
@layer responsive{@media(max-width:760px){.js .entrance{height:440svh}.poster-detail{bottom:95px;font-size:12px;gap:15px;white-space:nowrap}.poster-detail>span:first-child{font-size:8px}.inner-copy p{font-size:16vw}}.js body.motion-paused .entrance{height:100svh}@media(prefers-reduced-motion:reduce){.js .entrance{height:100svh}.scene-photograph{transform:translate(-50%,-50%)!important}.poster-detail{display:none}.scene.has-depth .scene-photograph{opacity:1}}}

/* Keep the pre-save action beside the preview and allow small screens to wrap. */
@layer components{.opening-actions{flex-wrap:wrap}.opening-actions .presave-button{background:transparent;border-color:currentColor;color:var(--paper)}}
@layer responsive{@media(hover:hover) and (pointer:fine){.opening-actions .presave-button:hover{background:var(--paper);color:var(--ink)}}}