/* Stop-Motion Signal Archive: film evidence, physical repair and signal projections—not a card/dashboard sequence. */
:root{--blue:#07131c;--oxide:#d84a3a;--cream:#f4ead7;--green:#c5ea5b;--ink:#12161a;--mono:'IBM Plex Mono',monospace;--archive:'Archivo Black',sans-serif;--serif:Fraunces,serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--blue);color:var(--cream);font-family:Arial,sans-serif;overflow-x:hidden}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}.head{position:absolute;z-index:3;width:100%;padding:18px 0}.brand{display:flex;align-items:center;gap:10px;font-family:var(--archive);letter-spacing:-.04em}.brand img{width:39px;height:39px;object-fit:contain}.brand small{font:10px var(--mono);display:block;letter-spacing:.07em;text-transform:uppercase;margin-top:4px}.head nav{display:flex;gap:24px;font:10px var(--mono);text-transform:uppercase}.contact{font:11px var(--mono);text-transform:uppercase}.door{min-height:760px;display:flex;align-items:end;padding:110px 0;color:var(--cream);position:relative;isolation:isolate;overflow:hidden}.door>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.door:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,8,14,.92),rgba(2,8,14,.22)),linear-gradient(0deg,rgba(2,8,14,.78),transparent);z-index:-1}.door .container{padding-bottom:82px}.stamp{color:var(--green);font:11px var(--mono);letter-spacing:.1em;text-transform:uppercase;margin:0 0 16px}.door h1{font:clamp(3.6rem,8vw,7.5rem)/.84 var(--archive);letter-spacing:-.06em;margin:0 0 24px}.door h1 em{font-family:var(--serif);color:var(--oxide);font-weight:600}.door p:not(.stamp){max-width:520px;line-height:1.7;font-size:18px}.oxide{display:inline-flex;align-items:center;gap:10px;border:0;background:var(--oxide);color:var(--cream);padding:15px 20px;font-weight:700;margin-top:14px}.cue-line{position:absolute;left:0;bottom:30px;width:52%;border-top:2px solid var(--green);box-shadow:0 0 18px var(--green)}.reel{background:var(--cream);color:var(--ink);padding:120px 0}.reel-top{display:flex;justify-content:space-between;gap:40px;align-items:end}.reel h2,.strip h2,.repair h2,.signal h2,.hinge h2,.booth h2,.ledger h2,.booking h2{font:clamp(2.9rem,5vw,5.6rem)/.9 var(--archive);letter-spacing:-.06em;margin:0}.reel-selector{max-width:380px}.reel-selector button,.freq button,.ledger-list button{border:0;background:none;padding:10px 0;margin-right:14px;border-bottom:3px solid transparent;font:11px var(--mono);text-transform:uppercase}.reel-selector button.active,.freq button.active,.ledger-list button.active{border-color:var(--oxide);color:var(--oxide)}output{display:block;font:12px var(--mono);line-height:1.5;margin-top:12px}.reel-body{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px;align-items:center;margin-top:55px}.reel-body img{width:100%;height:480px;object-fit:cover}.reel-body b{font:40px var(--serif)}.reel-body p{max-width:390px;line-height:1.7}.film-edge{font:22px var(--mono);letter-spacing:.25em;display:block;margin-top:25px;color:var(--oxide)}.strip{background:var(--blue);padding:115px 0;color:var(--cream);overflow:hidden}.strip>.container-fluid{display:grid;grid-template-columns:32% 68%;align-items:center;gap:50px;padding-left:max(16px,calc((100% - 1320px)/2))}.strip-copy{padding-right:20px}.strip-copy>p:not(.stamp){line-height:1.7}.strip img{height:510px;width:100%;object-fit:cover}.scrub input{width:100%;accent-color:var(--green)}.repair{padding:120px 0;background:#18252c}.repair>.container{display:grid;grid-template-columns:.8fr 1.2fr;align-items:center}.repair img{width:100%;height:570px;object-fit:cover}.ticket{background:var(--cream);color:var(--ink);padding:65px;min-height:420px;position:relative}.ticket:before{content:"";position:absolute;inset:10px;border:1px dashed var(--oxide);pointer-events:none}.ticket p,.ticket button{position:relative}.ticket>p{font:11px var(--mono);color:var(--oxide)}.ticket h2{font-size:clamp(2.5rem,4vw,4.8rem);position:relative}.ticket button,.drawer button,.projection button{border:0;background:var(--blue);color:var(--cream);font:12px var(--mono);padding:12px 14px;position:relative}.signal{height:690px;position:relative;isolation:isolate;display:flex;align-items:center}.signal>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.signal:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,12,20,.83),transparent);z-index:-1}.signal-box{max-width:600px}.signal-box h2{color:var(--cream)}.freq{margin:30px 0 14px}.freq button{color:var(--cream)}.hinge{background:var(--cream);color:var(--ink);padding:120px 0}.hinge>.container{display:grid;grid-template-columns:1.15fr .85fr;gap:10vw;align-items:center}.drawer{position:relative}.drawer img{width:100%;height:530px;object-fit:cover}.drawer button{position:absolute;bottom:20px;left:20px;background:var(--oxide)}.drawer p{border-left:4px solid var(--green);padding:15px;background:rgba(244,234,215,.94);position:absolute;bottom:55px;right:15px;max-width:300px}.hinge>div>p:not(.stamp){line-height:1.7}.booth{padding:120px 0;background:var(--blue)}.booth>.container{display:grid;grid-template-columns:.75fr 1.25fr;gap:70px;align-items:center}.booth img{height:500px;width:100%;object-fit:cover}.ledger{padding:120px 0;background:var(--green);color:var(--ink)}.ledger>.container{display:grid;grid-template-columns:1fr 1fr;gap:10vw;align-items:center}.ledger img{height:540px;width:100%;object-fit:cover}.ledger-list{margin:34px 0 20px;border-bottom:1px solid var(--ink)}.projection{height:650px;position:relative;display:grid;place-items:center;text-align:center;isolation:isolate}.projection>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.projection:after{content:"";position:absolute;inset:0;background:rgba(4,9,15,.62);z-index:-1}.projection-copy p{font:11px var(--mono);letter-spacing:.1em}.projection-copy h2{font:clamp(3rem,6vw,6.2rem)/.88 var(--archive);letter-spacing:-.06em;margin:0}.projection button{background:var(--oxide);margin-top:28px}.booking{padding:120px 0;background:#18252c}.booking>.container{display:grid;grid-template-columns:1fr 1fr;gap:10vw}.booking form{display:grid;gap:13px}.booking .form-control,.booking .form-select{border-radius:0;border:1px solid var(--green);background:transparent;color:var(--cream);padding:16px;font-size:16px}.booking .form-control::placeholder{color:#c5c6c1}.booking label{font-size:13px}.booking #booked{color:var(--green);font-weight:700}.spool{height:520px;position:relative;isolation:isolate;display:grid;place-items:center;text-align:center}.spool>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.spool:after{content:"";inset:0;position:absolute;background:rgba(4,9,15,.52);z-index:-1}.spool p{font:11px var(--mono);letter-spacing:.1em;color:var(--green)}.spool h2{font:clamp(3rem,6vw,6rem)/.87 var(--archive);letter-spacing:-.07em;margin:0}footer{background:#050a0e;padding:55px 0}footer p{font-size:14px;max-width:310px;color:#c8c9c4}footer nav{display:grid;gap:8px;font:11px var(--mono);text-transform:uppercase}.cookie{position:fixed;right:20px;bottom:20px;background:var(--cream);color:var(--ink);padding:18px;max-width:320px;z-index:8;font-size:13px}.cookie button{border:1px solid var(--ink);background:none;padding:7px 11px;margin-right:5px;font:11px var(--mono)}.cookie button:first-of-type{background:var(--oxide);color:var(--cream);border-color:var(--oxide)}.modal-content{background:var(--cream);color:var(--ink);border-radius:0}.modal-title{font-family:var(--archive)}
@media(max-width:700px){.head{padding:14px 0}.brand img{width:34px;height:34px}.door{min-height:650px}.door .container{padding-bottom:50px}.door h1{font-size:3.6rem}.door p:not(.stamp){font-size:16px}.reel,.strip,.repair,.hinge,.booth,.ledger,.booking{padding:75px 0}.reel-top,.reel-body,.hinge>.container,.booth>.container,.ledger>.container,.booking>.container{display:grid;grid-template-columns:1fr;gap:35px}.reel-body img,.repair img,.drawer img,.booth img,.ledger img{height:380px}.strip>.container-fluid{grid-template-columns:1fr;padding:0 0 0 20px;gap:35px}.strip img{height:330px}.strip-copy{padding-right:20px}.ticket{padding:45px 25px;min-height:360px}.repair>.container{display:flex;flex-direction:column}.signal{height:560px}.hinge>.container{gap:45px}.booth>.container{display:flex;flex-direction:column-reverse}.projection{height:500px}.booking form{margin-top:5px}.spool{height:390px}.cookie{left:12px;right:12px;max-width:none}.cue-line{width:75%}}