@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500&family=Libre+Baskerville:wght@400&display=swap');
:root{--bg:#050505;--panel:#0b0b0b;--line:#282828;--text:#f3f3ef;--muted:#969691;--available:#71866d;--collected:#a66e29;--upcoming:#4f4f4f;--selection:#d9d7cc}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;min-height:100vh;background:radial-gradient(circle at 50% 0,rgba(255,255,255,.035),transparent 32rem),var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif;font-weight:300;letter-spacing:.04em} button,a{font:inherit;color:inherit}button{cursor:pointer}.topbar{height:78px;display:grid;grid-template-columns:1fr auto;align-items:center;padding:0 42px}.logo{justify-self:start;text-decoration:none;font-size:27px;letter-spacing:.28em;white-space:nowrap}.local-context{justify-self:end;text-align:right;text-shadow:0 1px 12px #000}.local-clock{display:block;font-family:'Libre Baskerville',serif;font-size:18px;letter-spacing:.12em;font-variant-numeric:tabular-nums}.local-weather{min-height:18px;margin-top:7px;display:flex;justify-content:flex-end;align-items:center;gap:7px;color:#d0d0cb;font-size:10px;letter-spacing:.14em}.weather-icon{width:18px;font-size:16px;line-height:1;text-align:center}.weather-label{white-space:nowrap}main{padding:0 42px 34px}.player-shell{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:#090909;aspect-ratio:3.48/1}.player-shell:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(to bottom,rgba(0,0,0,.28),transparent 28%,transparent 65%,rgba(0,0,0,.42))}.film{width:100%;height:100%;object-fit:cover;display:block}.dot{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:9px}.available{background:var(--available)}.collected{background:var(--collected)}.upcoming{background:var(--upcoming)}.video-controls{position:absolute;z-index:2;left:30px;bottom:28px;pointer-events:none}.video-controls-left{display:flex;align-items:center;gap:26px;pointer-events:auto}.video-control{min-width:44px;min-height:48px;padding:5px 0;display:flex;align-items:center;gap:9px;border:0;border-bottom:1px solid transparent;background:transparent;color:#fff;text-shadow:0 1px 9px #000;transition:opacity .18s ease,border-color .18s ease,transform .18s ease}.video-control:hover{border-color:rgba(255,255,255,.65)}.video-control:focus-visible{outline:2px solid #fff;outline-offset:6px}.video-control:active{transform:translateY(1px)}.video-control svg{width:27px;height:27px;flex:0 0 auto;fill:currentColor}.video-control .icon-stroke{fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.control-label{font-size:10px;letter-spacing:.16em}.scroll-cue{position:absolute;z-index:2;left:50%;bottom:25px;transform:translateX(-50%);width:72px;height:48px;display:grid;place-items:center;color:#fff;opacity:.9;transition:opacity .2s ease,transform .2s ease}.scroll-cue:hover{opacity:1;transform:translate(-50%,4px)}.scroll-cue:focus-visible{outline:2px solid #fff;outline-offset:4px}.scroll-cue svg{width:52px;height:30px;fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}.timeline-section{padding-top:19px}.timeline-meta,.timeline-hours{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.12em;color:#bbb}.timeline-meta{margin-bottom:13px}.timeline{position:relative;height:34px;border-top:1px solid #191919;border-bottom:1px solid #191919;cursor:crosshair;touch-action:none}.timeline-segments{position:absolute;inset:0;display:grid;grid-template-columns:repeat(96,1fr);gap:2px}.base-tick{background:#222}.clip-segment{position:absolute;top:-5px;bottom:-5px;min-width:18px;border:1px solid rgba(255,255,255,.36);border-radius:2px;padding:0;z-index:3;opacity:1;box-shadow:0 0 0 3px rgba(113,134,109,.1)}.clip-segment:hover,.clip-segment:focus-visible{filter:brightness(1.45);outline:2px solid #fff;outline-offset:2px}.clip-segment.available{background:var(--available)}.clip-segment.collected{background:var(--collected)}.clip-segment.upcoming{background:#383838}.selection-range{position:absolute;top:-5px;bottom:-5px;z-index:4;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.85);min-width:3px;pointer-events:none}.selection-handle{position:absolute;top:-4px;bottom:-4px;width:1px;background:white}.selection-handle.left{left:-1px}.selection-handle.right{right:-1px}.playhead{position:absolute;top:-14px;bottom:-11px;width:1px;background:#fff;left:0;z-index:5;pointer-events:none}.playhead-dot{position:absolute;width:10px;height:10px;border-radius:50%;background:#fff;top:-1px;left:-4px}.timeline-hours{margin-top:10px;color:#999}.fragment-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:22px}.fragment-thumb{position:relative;overflow:hidden;min-width:0;aspect-ratio:16/9;border:1px solid #30302e;border-radius:5px;background:#0b0b0b;padding:0;color:#fff;text-align:left;transition:border-color .2s ease,transform .2s ease}.fragment-thumb:hover,.fragment-thumb:focus-visible{border-color:#aaa;transform:translateY(-2px);outline:none}.fragment-thumb.active{border-color:#fff;box-shadow:0 0 0 1px #fff}.fragment-thumb video{width:100%;height:100%;display:block;object-fit:cover;pointer-events:none;opacity:.82}.fragment-thumb:after{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.84),transparent 60%);pointer-events:none}.fragment-thumb-meta{position:absolute;left:14px;right:14px;bottom:12px;z-index:1;display:flex;align-items:end;justify-content:space-between;gap:10px;text-shadow:0 1px 7px #000}.fragment-thumb-meta strong{font-family:'Libre Baskerville',serif;font-size:15px;font-weight:400;letter-spacing:.08em}.fragment-thumb-meta span{font-size:9px;letter-spacing:.12em;color:#d1d1cc}.legend{display:flex;gap:35px;margin-top:25px;font-size:10px;letter-spacing:.13em;color:#c6c6c0}.lower-grid{display:grid;grid-template-columns:.92fr 1.2fr 1fr;gap:48px;align-items:center;padding-top:28px}.statement{font-size:12px;letter-spacing:.15em;line-height:2.05;color:#cfcfca}.statement p{margin:0}.statement .credit{margin-top:19px;color:#9e9e99}.selection{text-align:center;min-width:0}.selection-bracket{position:relative;padding:23px 34px 18px;border-left:1px solid #62625f;border-right:1px solid #62625f}.selection-bracket:before,.selection-bracket:after{content:'';position:absolute;top:0;bottom:0;width:20px;border-top:1px solid #62625f;border-bottom:1px solid #62625f}.selection-bracket:before{left:0}.selection-bracket:after{right:0}.eyebrow{display:block;font-size:9px;letter-spacing:.17em;color:#bbb}.selection-time{margin:18px 0 14px;display:flex;justify-content:center;gap:27px;font-family:'Libre Baskerville',serif;font-size:22px;letter-spacing:.08em;white-space:nowrap}.arrow{color:#bbb}.duration{font-size:11px;letter-spacing:.2em;color:#bbb}.pricing-note{margin:25px 0 0;color:#8f8f8a;font-family:'Libre Baskerville',serif;font-size:12px;letter-spacing:.02em}.fragment-card{border:1px solid var(--line);border-radius:7px;padding:24px 27px 20px;background:linear-gradient(145deg,#111,#0b0b0b)}.fragment-card h1{font-family:'Libre Baskerville',serif;font-size:21px;font-weight:400;letter-spacing:.16em;margin:9px 0 13px}.divider{height:1px;background:#4a4a47;margin:0 0 19px}.fragment-info{display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px}.label{display:block;font-size:9px;color:#a8a8a3;letter-spacing:.14em;margin-bottom:10px}.fragment-info strong{display:block;font-family:'Libre Baskerville',serif;font-size:14px;font-weight:400;letter-spacing:.06em}.status-text{font-family:Inter,Arial,sans-serif!important;font-size:11px!important;letter-spacing:.11em!important}.collect-btn{width:100%;margin-top:21px;height:44px;border:1px solid #898985;background:#030303;color:white;letter-spacing:.18em;font-size:11px}.collect-btn:hover{background:#171717}.collect-btn:focus-visible{outline:2px solid #fff;outline-offset:3px}.hint{text-align:center;margin:28px 0 2px;font-size:9px;letter-spacing:.13em;color:#555}.collect-mode .selection-range{background:rgba(166,110,41,.17);border-color:#c99b5c}.collect-mode .fragment-card{box-shadow:0 0 0 1px rgba(166,110,41,.13)}
.topbar{position:absolute;inset:0 0 auto;z-index:10;background:linear-gradient(to bottom,rgba(0,0,0,.7),transparent)}main{padding:0 0 34px}.player-shell{width:100%;height:100svh;min-height:540px;aspect-ratio:auto;border:0;border-radius:0;background:#000}.film{object-fit:cover}.timeline-section,.lower-grid,.hint{margin-left:42px;margin-right:42px}.timeline-section{padding-top:28px;scroll-margin-top:18px}
.local-clock{display:inline-block;width:8.25ch;text-align:right;font-variant-numeric:tabular-nums lining-nums;font-feature-settings:'tnum' 1,'lnum' 1;white-space:nowrap}.video-control{min-width:30px;width:30px;padding:5px 0;border:0;opacity:.96;transition:opacity .18s ease}.video-control:hover{border:0;opacity:.62}.video-control:active{transform:none;opacity:.45}.control-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0}.fragment-counter{position:absolute;z-index:2;right:32px;bottom:36px;color:#fff;font-family:'Libre Baskerville',serif;font-size:13px;letter-spacing:.14em;font-variant-numeric:tabular-nums;text-shadow:0 1px 9px #000}.timeline{cursor:default}.clip-segment{cursor:pointer;transition:filter .16s ease,transform .16s ease,box-shadow .16s ease}.clip-segment:hover,.clip-segment:focus-visible{filter:brightness(1.6);transform:scaleY(1.12);box-shadow:0 0 0 4px rgba(255,255,255,.12);outline:1px solid #fff;outline-offset:2px}.timeline-preview{position:absolute;z-index:20;bottom:54px;width:220px;padding:7px;background:#080808;border:1px solid rgba(255,255,255,.42);box-shadow:0 14px 34px rgba(0,0,0,.5);pointer-events:none;transform:translateX(-50%)}.timeline-preview[hidden]{display:none}.timeline-preview video{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:#111}.timeline-preview-copy{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 5px 3px}.timeline-preview-copy strong{font-family:'Libre Baskerville',serif;font-size:13px;font-weight:400;letter-spacing:.08em}.timeline-preview-copy span{font-size:9px;letter-spacing:.13em;color:#bfc8bb}.fragment-thumb video{opacity:1}.fragment-thumb:after{background:linear-gradient(to top,rgba(0,0,0,.94),rgba(0,0,0,.04) 72%)}.fragment-thumb-meta{align-items:center}.fragment-thumb-meta .thumb-details{display:flex;align-items:flex-end;flex-direction:column;gap:5px}.fragment-thumb-meta .thumb-status{font-size:9px;color:#dbe3d7}.lower-grid{align-items:start;padding-top:42px;border-top:1px solid #1d1d1d;margin-top:34px}.statement{padding-top:8px}.fragment-card{min-height:100%}
.local-clock{width:9.2ch;text-align:right;font-family:'Courier New',Courier,monospace;letter-spacing:0}.local-clock span{display:inline-block;width:2ch;text-align:center}.local-clock i{display:inline-block;width:.6ch;text-align:center;font-style:normal}.local-weather{gap:8px}.weather-temperature{display:inline-block;min-width:4ch;text-align:right;font-variant-numeric:tabular-nums}.video-controls-left{gap:9px}.video-control{width:28px;min-width:28px}.video-control:last-child svg{width:22px;height:22px}.playhead{top:-6px;bottom:-6px;width:3px;margin-left:-1px;border-radius:1px;background:rgba(255,255,255,.92);transition:left .22s linear}.playhead-dot{display:none}.timeline-section{padding-top:24px}
.timeline-segments{grid-template-columns:repeat(288,1fr);gap:1px}.base-tick{background:#202020}
.fragment-counter{display:flex;flex-direction:column;align-items:flex-end;gap:7px;text-align:right}.collector-name{font-family:Inter,Arial,sans-serif;font-size:10px;letter-spacing:.09em;color:rgba(255,255,255,.76);text-transform:lowercase}.editorial-intro{margin:0 42px;padding:clamp(78px,10vw,150px) max(0px,calc((100vw - 1180px)/2)) clamp(70px,9vw,132px);border-bottom:1px solid #1d1d1d}.editorial-kicker{margin:0 0 30px;font-size:11px;letter-spacing:.18em;color:#898984}.editorial-intro h2{max-width:980px;margin:0 0 38px;font-family:'Libre Baskerville',serif;font-size:clamp(34px,5.2vw,78px);font-weight:400;line-height:1.05;letter-spacing:-.025em}.editorial-copy{max-width:1060px;margin:0;font-family:'Libre Baskerville',serif;font-size:clamp(21px,2.25vw,34px);line-height:1.55;letter-spacing:-.012em;color:#d7d7d1}.lower-grid{border-top:0;margin-top:0}
@media(max-width:1180px) and (min-width:1001px){.lower-grid{grid-template-columns:1fr 1.2fr;gap:36px}.fragment-card{grid-column:1/-1;width:min(100%,620px);justify-self:center}.statement{text-align:left}}
@media(max-width:1000px){.topbar{padding:0 20px}.lower-grid{grid-template-columns:1fr;gap:30px}.statement{text-align:center}.timeline-section,.lower-grid,.hint{margin-left:20px;margin-right:20px}.fragment-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.topbar{height:76px;padding:0 16px}.logo{font-size:19px}.local-clock{font-size:15px}.local-weather{font-size:9px}.weather-label{max-width:145px;overflow:hidden;text-overflow:ellipsis}.player-shell{min-height:500px}.video-controls{left:16px;bottom:20px}.video-controls-left{gap:18px}.video-control{min-width:30px}.video-control svg{width:25px;height:25px}.fragment-counter{right:16px;bottom:33px;font-size:12px}.scroll-cue{bottom:22px;width:58px}.scroll-cue svg{width:42px}.timeline-section,.lower-grid,.hint{margin-left:14px;margin-right:14px}.timeline-hours{font-size:8px}.timeline-preview{width:180px}.fragment-strip{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding:2px}.fragment-thumb{flex:0 0 78%;scroll-snap-align:start}.selection-time{font-size:16px;gap:12px}.fragment-info{grid-template-columns:1fr;gap:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.video-control,.scroll-cue,.fragment-thumb{transition:none}}
@media(max-width:700px){.video-controls-left{gap:7px}.video-control{width:27px;min-width:27px}.video-control:last-child svg{width:21px;height:21px}}
@media(max-width:1000px){.editorial-intro{margin-left:20px;margin-right:20px}}
@media(max-width:700px){.editorial-intro{margin-left:14px;margin-right:14px;padding-top:64px;padding-bottom:62px}.editorial-kicker{font-size:9px;margin-bottom:24px}.editorial-intro h2{font-size:clamp(30px,10vw,48px);margin-bottom:28px}.editorial-copy{font-size:20px;line-height:1.48}.fragment-counter{gap:5px}.collector-name{font-size:8px}}
.lower-grid{border-top:1px solid #1d1d1d;margin-top:34px}.editorial-intro{margin:60px 42px 0;padding:clamp(64px,8vw,110px) max(0px,calc((100vw - 1080px)/2)) clamp(72px,9vw,128px);border-top:1px solid #1d1d1d;border-bottom:0}.editorial-intro h2{max-width:900px;margin:0 0 28px;font-size:clamp(28px,3.5vw,50px);line-height:1.1;letter-spacing:-.015em}.editorial-copy{max-width:980px;font-size:clamp(17px,1.55vw,23px);line-height:1.65;letter-spacing:-.006em}
@media(max-width:1000px){.editorial-intro{margin-left:20px;margin-right:20px}}
@media(max-width:700px){.editorial-intro{margin:48px 14px 0;padding-top:54px;padding-bottom:70px}.editorial-intro h2{font-size:clamp(27px,8vw,38px);margin-bottom:24px}.editorial-copy{font-size:17px;line-height:1.62}}
:root{--hero-inset:32px}.topbar{height:auto;padding:30px var(--hero-inset) 0;align-items:start}.video-controls{left:var(--hero-inset);bottom:116px}.fragment-counter{right:var(--hero-inset);bottom:30px}.scroll-cue{bottom:28px}.film-fragment-meta{position:absolute;z-index:2;left:var(--hero-inset);bottom:28px;display:flex;flex-direction:column;align-items:flex-start;gap:8px;color:#fff;text-shadow:0 1px 10px #000}.film-time-range{display:flex;align-items:center;gap:11px;font-family:'Libre Baskerville',serif;font-size:16px;letter-spacing:.08em;font-variant-numeric:tabular-nums}.film-time-arrow{color:rgba(255,255,255,.68)}.hero-ownership{display:flex;align-items:baseline;gap:7px;font-size:10px;letter-spacing:.08em;text-shadow:0 1px 8px #000}.hero-ownership span{color:rgba(255,255,255,.68)}.hero-ownership strong{font-size:12px;font-weight:600;letter-spacing:.04em}.hero-collect-btn{min-width:112px;padding:9px 15px 8px;border:1px solid #fff;background:#fff;color:#050505;font-size:11px;font-weight:700;letter-spacing:.17em;text-shadow:none}.hero-collect-btn:hover{background:transparent;color:#fff}.hero-collect-btn:focus-visible{outline:2px solid #fff;outline-offset:4px}.hero-collect-btn:disabled{opacity:.46;cursor:default}.fragment-counter{font-family:Inter,Arial,sans-serif;font-size:12px;font-weight:500;letter-spacing:.1em}
.lower-grid{grid-template-columns:minmax(280px,.9fr) minmax(0,1.25fr);gap:30px;align-items:stretch;padding-top:42px}.sequence-still{position:relative;overflow:hidden;min-height:430px;margin:0;border:1px solid var(--line);border-radius:7px;background:#0b0b0b}.sequence-still img{width:100%;height:100%;min-height:430px;display:block;object-fit:cover}.sequence-still:after{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.75),transparent 42%);pointer-events:none}.sequence-still figcaption{position:absolute;z-index:1;left:24px;right:24px;bottom:21px;display:flex;justify-content:space-between;align-items:end;gap:18px;font-size:10px;letter-spacing:.14em;color:#d0d0ca}.sequence-still figcaption strong{font-family:'Libre Baskerville',serif;font-size:14px;font-weight:400;letter-spacing:.08em;color:#fff}.mint-system{overflow:hidden;border:1px solid var(--line);border-radius:7px;background:linear-gradient(145deg,#111,#090909)}.selection{text-align:left}.selection-bracket{padding:30px 32px 28px;border:0;border-bottom:1px solid #30302e}.selection-bracket:before,.selection-bracket:after{display:none}.selection-time{justify-content:flex-start;margin:22px 0 20px;gap:20px;font-size:clamp(22px,2vw,30px)}.selection-summary{display:flex;justify-content:space-between;align-items:center;gap:20px}.pricing-note{margin:0;font-family:Inter,Arial,sans-serif;font-size:10px;letter-spacing:.08em}.fragment-card{min-height:0;padding:29px 32px 31px;border:0;border-radius:0;background:transparent}.fragment-card-heading{display:flex;justify-content:space-between;align-items:end;gap:24px}.fragment-card h1{margin:10px 0 0;font-size:27px;letter-spacing:.09em}.fragment-card-heading .status-text{padding-bottom:4px}.divider{margin:24px 0}.fragment-info{grid-template-columns:1fr 1fr}.collect-btn{height:52px;margin-top:29px;border-color:#fff;background:#fff;color:#050505;font-weight:600}.collect-btn:hover{background:#e8e8e3}.collect-btn.offer-btn{background:transparent;color:#fff}.collect-btn.offer-btn:hover{background:#171717}.collect-btn:disabled{opacity:.45;cursor:default}.hint{margin-top:22px}
@media(max-width:1180px) and (min-width:1001px){.fragment-card{grid-column:auto;width:auto;justify-self:stretch}.lower-grid{grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr)}}
@media(max-width:1000px){.lower-grid{grid-template-columns:1fr}.sequence-still,.sequence-still img{min-height:360px}.mint-system{width:min(100%,720px);justify-self:center}.topbar{padding-left:20px;padding-right:20px}.film-fragment-meta,.video-controls{left:20px}.fragment-counter{right:20px}}
@media(max-width:700px){:root{--hero-inset:16px}.topbar{padding:20px var(--hero-inset) 0}.film-fragment-meta{left:var(--hero-inset);bottom:21px;gap:6px}.film-time-range{font-size:13px;gap:7px}.hero-ownership{font-size:9px}.hero-ownership strong{font-size:10px}.hero-collect-btn{min-width:96px;padding:8px 12px;font-size:10px}.video-controls{left:var(--hero-inset);bottom:96px}.fragment-counter{right:var(--hero-inset);bottom:23px;font-size:10px}.scroll-cue{bottom:20px}.sequence-still,.sequence-still img{min-height:260px}.sequence-still figcaption{left:16px;right:16px;bottom:15px}.selection-bracket,.fragment-card{padding-left:20px;padding-right:20px}.selection-time{font-size:18px;gap:10px}.selection-summary{align-items:flex-start;flex-direction:column;gap:9px}.fragment-card-heading{align-items:flex-start;flex-direction:column;gap:17px}.fragment-info{grid-template-columns:1fr 1fr}}
.film-fragment-time{position:absolute;z-index:2;left:var(--hero-inset);bottom:28px;color:#fff;text-shadow:0 1px 10px #000}.video-controls{left:auto;right:var(--hero-inset);bottom:25px}.video-controls-left{justify-content:flex-end}.fragment-counter{right:var(--hero-inset);bottom:88px;align-items:flex-end;gap:8px;text-align:right}.hero-ownership{justify-content:flex-end}.hero-collect-btn{align-self:flex-end}.clip-segment{top:-3px;bottom:-3px;min-width:2px;border:0;border-right:1px solid rgba(5,5,5,.68);border-radius:0;box-shadow:none}.clip-segment:hover,.clip-segment:focus-visible{z-index:8;filter:brightness(1.8);transform:scaleY(1.22);box-shadow:0 0 0 1px rgba(255,255,255,.8);outline:0}.clip-segment:disabled{cursor:default;filter:none;transform:none;opacity:.48}.timeline-segments{grid-template-columns:repeat(170,1fr);gap:0}.sequence-still video{width:100%;height:100%;min-height:430px;display:block;object-fit:cover}.sequence-still img{display:none}
@media(max-width:1000px){.film-fragment-time{left:20px}.video-controls,.fragment-counter{right:20px}.sequence-still video{min-height:360px}}
@media(max-width:700px){.film-fragment-time{left:var(--hero-inset);bottom:22px}.video-controls{left:auto;right:var(--hero-inset);bottom:18px}.fragment-counter{right:var(--hero-inset);bottom:72px}.sequence-still video{min-height:260px}}
.video-controls{left:var(--hero-inset);right:auto;bottom:27px}.video-controls-left{justify-content:flex-start}.fragment-counter{right:var(--hero-inset);bottom:27px;gap:7px}.fragment-counter .film-time-range{justify-content:flex-end;font-size:14px}.hero-ownership{font-size:10px}.hero-availability{font-size:10px;font-weight:600;letter-spacing:.16em}.hero-availability.available-text{color:#dce8d8}.hero-availability.upcoming-text{color:#a0a09c}.timeline:after{content:'';position:absolute;z-index:4;inset:-3px 0;pointer-events:none;background:linear-gradient(90deg,#071329 0%,#151b3a 10%,#382849 19%,#946a3b 27%,#8ca5ac 39%,#b7c2bd 50%,#9caeb5 61%,#a87540 72%,#49304d 82%,#151d3b 91%,#061226 100%);opacity:.22;mix-blend-mode:screen}.timeline-preview{isolation:isolate}
@media(max-width:1000px){.video-controls{left:20px;right:auto}.fragment-counter{right:20px}}
@media(max-width:700px){.video-controls{left:var(--hero-inset);right:auto;bottom:19px}.fragment-counter{right:var(--hero-inset);bottom:20px;gap:5px}.fragment-counter .film-time-range{font-size:11px;gap:6px}.hero-ownership,.hero-availability{font-size:9px}}
[hidden]{display:none!important}.local-weather{display:none}.topbar{padding:31px 32px 0}.local-clock{font-family:'Courier New',Courier,monospace;font-size:16px;font-weight:400;letter-spacing:.02em;width:auto}.video-controls{left:32px;bottom:29px}.video-controls-left button:not(#playBtn){display:none}.video-control{width:32px;min-width:32px}.video-control svg{width:25px;height:25px}.scroll-cue{display:none}.fragment-counter{right:32px;bottom:29px;gap:7px;font-family:'Courier New',Courier,monospace;font-size:12px;font-weight:400;letter-spacing:.04em}.fragment-counter .film-time-range{font-family:'Courier New',Courier,monospace;font-size:13px;letter-spacing:.02em}.hero-ownership{font-size:11px;letter-spacing:.02em}.hero-ownership strong{font-size:11px}.hero-collect-btn{min-width:0;padding:5px 10px;border:1px solid #fff;border-radius:0;background:#fff;color:#050505;font-size:11px;font-weight:600;letter-spacing:.12em;text-shadow:none}.hero-collect-btn:hover{background:transparent;color:#fff}.day-periods{display:flex;justify-content:space-between;gap:22px;margin-bottom:18px;overflow-x:auto;scrollbar-width:none}.day-periods::-webkit-scrollbar{display:none}.day-periods button{flex:0 0 auto;padding:4px 0 8px;border:0;border-bottom:1px solid transparent;background:transparent;color:#777;font-family:'Courier New',Courier,monospace;font-size:10px;letter-spacing:.08em}.day-periods button:hover,.day-periods button:focus-visible{color:#fff;border-bottom-color:#888;outline:0}.timeline-section{padding-top:25px}.timeline{height:48px;touch-action:pan-y}.clip-segment{top:0;bottom:0}.timeline-hours{font-family:'Courier New',Courier,monospace;font-size:9px}.legend{margin-top:18px;font-family:'Courier New',Courier,monospace;font-size:9px}.fragment-strip{display:none!important}.lower-grid{margin-top:44px}.editorial-intro{padding-top:90px}.editorial-intro .editorial-kicker{margin:0 0 30px;font-family:'Courier New',Courier,monospace;font-size:10px;letter-spacing:.12em}.editorial-intro h2{max-width:none;margin:0 0 46px;font-family:Inter,Arial,sans-serif;font-size:clamp(58px,11vw,150px);font-weight:300;line-height:.9;letter-spacing:.08em}.editorial-intro h3{margin:0 0 26px;font-family:'Courier New',Courier,monospace;font-size:12px;font-weight:400;letter-spacing:.08em;color:#9f9f9a}.editorial-copy{max-width:880px;font-family:'Courier New',Courier,monospace;font-size:clamp(15px,1.3vw,19px);line-height:1.8;letter-spacing:0}
@media(max-width:1000px){.topbar{padding-left:20px;padding-right:20px}.video-controls{left:20px}.fragment-counter{right:20px}.day-periods{gap:28px}}
@media(max-width:700px){.topbar{padding:22px 16px 0}.video-controls{left:16px;bottom:22px}.fragment-counter{right:16px;bottom:22px}.fragment-counter .film-time-range{font-size:10px}.hero-collect-btn{font-size:9px;padding:4px 8px}.day-periods{gap:24px}.timeline-section{padding-top:20px}.timeline{height:42px}.editorial-intro{padding-top:62px}.editorial-intro h2{font-size:clamp(46px,15vw,82px);margin-bottom:34px}.editorial-copy{font-size:15px;line-height:1.72}}
.day-periods button.active{color:#fff;border-bottom-color:#fff}
.video-controls-left button:not(#playBtn){display:flex}.video-controls-left{gap:10px}.timeline{overflow:visible;background:#101014}.timeline:after{inset:0;background:linear-gradient(90deg,#07122f 0%,#0b1b48 17%,#45245c 21%,#d26d42 27%,#e9b367 33%,#77b6d4 39%,#b9dfec 49%,#91cee2 62%,#e0b056 73%,#d45d3d 79%,#66284d 85%,#18204e 91%,#07122f 100%);opacity:.62;mix-blend-mode:screen}.clip-segment.available{z-index:3;background:#477b61;border-right:1px solid rgba(4,8,6,.7)}.clip-segment.collected{z-index:3;background:#b56b22;border-right:1px solid rgba(12,7,2,.7)}.clip-segment.upcoming{z-index:6;background:#3a3b3f;border-right:0;box-shadow:none;opacity:1}.clip-segment.upcoming:disabled{opacity:1}.clip-segment.upcoming:hover,.clip-segment.upcoming:focus-visible{filter:none;transform:none;box-shadow:none}.playhead{z-index:9}.legend .dot.available{background:#5d9c78}.legend .dot.collected{background:#d48639}.legend .dot.upcoming{background:#4a4b50}.lower-grid{grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr);gap:18px;align-items:stretch;margin-top:48px;padding-top:0;border-top:0}.sequence-still{min-height:500px;border:1px solid #303136;border-radius:2px}.sequence-still video{min-height:500px}.sequence-still:after{background:linear-gradient(to top,rgba(0,0,0,.88),transparent 48%)}.sequence-still figcaption{left:30px;right:30px;bottom:27px;display:flex;flex-direction:column;align-items:flex-start;gap:13px;font-family:'Courier New',Courier,monospace;font-size:10px;letter-spacing:.13em}.sequence-still figcaption .still-range{display:flex;flex-wrap:wrap;align-items:baseline;gap:10px;font-family:'Libre Baskerville',serif;font-size:clamp(19px,2vw,29px);letter-spacing:.035em}.still-range small{font-family:'Courier New',Courier,monospace;font-size:11px;font-weight:400;color:#aaa;letter-spacing:.04em}.mint-system{min-height:500px;display:flex;flex-direction:column;border:1px solid #303136;border-radius:2px;background:radial-gradient(circle at 100% 0,rgba(73,90,116,.16),transparent 38%),linear-gradient(145deg,#121316,#09090a)}.mint-header{display:flex;justify-content:space-between;gap:24px;padding:20px 28px;border-bottom:1px solid #303136;font-family:'Courier New',Courier,monospace;font-size:10px;font-weight:400;letter-spacing:.12em;color:#8e8f94}.mint-header strong{font-weight:400;color:#d2d2cf}.mint-selection{flex:1;display:flex;flex-direction:column;justify-content:center;padding:38px 34px}.mint-selection h1{display:none}.mint-selection .eyebrow{margin-bottom:24px}.mint-selection .selection-time{margin:0;justify-content:flex-start;align-items:baseline;flex-wrap:wrap;gap:12px;font-size:clamp(24px,2.7vw,39px);letter-spacing:.015em}.mint-selection .selection-time small{font-family:'Courier New',Courier,monospace;font-size:11px;color:#929397;letter-spacing:.03em}.fragment-card{padding:27px 34px 31px;border-top:1px solid #303136;background:rgba(0,0,0,.12)}.fragment-info{grid-template-columns:1fr 1fr;gap:30px}.fragment-info .label{font-family:'Courier New',Courier,monospace}.fragment-info strong{font-size:15px}.mint-ownership{margin:25px 0 0;font-family:'Courier New',Courier,monospace;font-size:10px;letter-spacing:.11em;color:#9fa09f}.collect-btn{height:52px;margin-top:18px;border:1px solid #fff;background:#fff;color:#080808;font-family:'Courier New',Courier,monospace;font-size:11px;font-weight:600}.collect-btn.offer-btn{border-color:#85868a}.hint{margin-top:18px}
@media(max-width:1000px){.lower-grid{grid-template-columns:1fr}.sequence-still,.sequence-still video{min-height:420px}.mint-system{min-height:460px;width:100%}}
@media(max-width:700px){.video-controls-left{gap:7px}.lower-grid{gap:12px;margin-top:30px}.sequence-still,.sequence-still video{min-height:300px}.sequence-still figcaption{left:18px;right:18px;bottom:17px}.sequence-still figcaption .still-range{font-size:18px;gap:6px}.mint-system{min-height:420px}.mint-header{padding:17px 20px}.mint-selection{padding:30px 20px}.mint-selection .selection-time{font-size:22px;gap:7px}.fragment-card{padding:24px 20px 25px}.timeline:after{opacity:.68}}

/* Cinematic layout — September 2026 */
.topbar{grid-template-columns:1fr auto auto;gap:48px;padding:25px 34px 0;background:linear-gradient(to bottom,rgba(0,0,0,.92),rgba(0,0,0,.25) 72%,transparent);height:78px}
.top-nav{display:flex;align-items:center;gap:48px}
.top-nav a{position:relative;padding:6px 2px 10px;color:#a9a9a9;text-decoration:none;font-size:10px;letter-spacing:.28em;transition:color .2s ease}
.top-nav a:hover,.top-nav a.active{color:#fff}
.top-nav a.active:after{content:'';position:absolute;left:0;right:.28em;bottom:0;height:1px;background:#fff}
.local-context{align-self:start;padding-top:5px}
.local-clock{font-size:11px;letter-spacing:.08em;color:#bdbdbd}
.player-shell{height:100svh;min-height:620px}
.player-shell:after{background:linear-gradient(90deg,rgba(0,0,0,.54),transparent 43%),linear-gradient(to bottom,rgba(0,0,0,.2),transparent 35%,rgba(0,0,0,.48))}
.hero-copy{position:absolute;z-index:2;left:38px;top:50%;transform:translateY(-42%);max-width:340px;color:#fff;text-shadow:0 2px 18px rgba(0,0,0,.8)}
.hero-copy h1{margin:0;font-size:clamp(19px,2.15vw,34px);font-weight:300;line-height:1.48;letter-spacing:.24em}
.hero-copy i{display:block;width:28px;height:1px;margin:31px 0 24px;background:#fff}
.hero-copy p{margin:0;font-size:9px;line-height:1.75;letter-spacing:.22em}
.video-controls{left:38px;bottom:22px}
.fragment-counter{right:38px;bottom:22px}
.fragment-counter>#editionCounter{font-size:10px;color:#aaa}
.fragment-counter .film-time-range{font-size:11px}
.hero-ownership{font-size:9px}.hero-ownership strong{font-size:10px}
.hero-collect-btn{padding:7px 12px;font-size:9px}
.timeline-section,.lower-grid,.hint{margin-left:34px;margin-right:34px}
.timeline-section{padding-top:39px}
.section-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:30px}
.section-heading h2{margin:0;font-size:15px;font-weight:300;letter-spacing:.32em}
.section-heading p{margin:0;text-align:right;color:#919191;font-size:8px;line-height:1.55;letter-spacing:.24em}
.day-periods{margin:30px 0 21px;border-bottom:1px solid #252525}
.day-periods button{padding-bottom:12px;font-size:8px;color:#777}
.timeline{height:30px;background:#0c0c0d;border-color:#2b2b2b}
.timeline-segments{gap:1px}
.clip-segment{min-width:2px;border-color:rgba(255,255,255,.16);border-radius:0;box-shadow:none}
.selection-range{top:-7px;bottom:-7px}
.playhead{top:-12px;bottom:-13px;width:2px}
.playhead:before{content:'';position:absolute;left:50%;top:-3px;width:8px;height:8px;border-radius:50%;background:#fff;transform:translate(-50%,-50%)}
.timeline-hours{margin-top:13px;color:#b2b2b2}
.legend{justify-content:flex-end;margin-top:19px}
.sequences-heading{margin-top:68px;padding-top:31px;border-top:1px solid #262626}
.fragment-strip{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:27px 17px;margin-top:23px}
.fragment-thumb{overflow:visible;aspect-ratio:auto;border:0;border-radius:0;background:transparent;transform:none}
.fragment-thumb:hover,.fragment-thumb:focus-visible{border:0;transform:none;outline:none}
.fragment-thumb video{width:100%;aspect-ratio:16/9;border:1px solid #444;object-fit:cover;filter:saturate(.82) contrast(1.04);transition:border-color .2s ease,filter .2s ease}
.fragment-thumb:hover video,.fragment-thumb:focus-visible video{border-color:#fff;filter:saturate(1.08) contrast(1.08)}
.fragment-thumb.active{border:0;box-shadow:none}.fragment-thumb.active video{border-color:#cbd7cc}
.fragment-thumb:after{display:none}
.fragment-thumb-meta{position:static;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;margin-top:9px;text-shadow:none;color:#bdbdbd}
.fragment-thumb-meta .thumb-index,.fragment-thumb-meta .thumb-time{font-family:'Courier New',monospace;font-size:8px;letter-spacing:.04em}
.fragment-thumb-meta strong{overflow:hidden;font-family:Inter,Arial,sans-serif;font-size:8px;font-weight:300;letter-spacing:.09em;text-overflow:ellipsis;white-space:nowrap}
.lower-grid{grid-template-columns:minmax(300px,.8fr) minmax(440px,1.2fr);gap:0;margin-top:67px;padding:39px;border:1px solid #555}
.sequence-still{min-height:0;padding-right:39px;border:0;border-right:1px solid #3c3c3c;border-radius:0;background:transparent}
.sequence-still video{width:100%;min-height:0;aspect-ratio:16/9;object-fit:cover;border:1px solid #3d3d3d}
.sequence-still:after{display:none}
.sequence-still figcaption{position:static;margin-top:22px;gap:12px}
.sequence-still figcaption .still-range{font-size:17px}
.mint-system{min-height:0;border:0;border-radius:0;background:transparent}
.mint-header{padding:0 0 22px 52px;border-bottom:1px solid #3c3c3c}
.mint-selection{min-height:156px;padding:29px 0 27px 52px;justify-content:flex-start}
.mint-selection .eyebrow{margin-bottom:16px}
.mint-selection .selection-time{font-size:clamp(20px,2.2vw,32px)}
.fragment-card{padding:27px 0 0 52px;border-top:1px solid #3c3c3c}
.fragment-info{max-width:560px}
.collect-btn{height:55px;margin-top:26px;background:transparent;color:#fff;letter-spacing:.24em}
.collect-btn:hover{background:#fff;color:#000}
.editorial-intro{margin-top:82px}

@media(max-width:900px){
  .topbar{grid-template-columns:1fr auto;gap:22px}.top-nav{order:3;grid-column:1/-1;justify-content:center;gap:32px}.local-context{display:none}
  .hero-copy{left:24px}.timeline-section,.lower-grid,.hint{margin-left:20px;margin-right:20px}
  .fragment-strip{grid-template-columns:repeat(2,minmax(0,1fr))}
  .lower-grid{grid-template-columns:1fr;padding:24px}.sequence-still{padding:0 0 28px;border-right:0;border-bottom:1px solid #3c3c3c}.mint-header,.mint-selection,.fragment-card{padding-left:0}.mint-header{padding-top:28px}
}
@media(max-width:600px){
  .topbar{padding:18px 16px 0}.logo{font-size:18px}.top-nav{gap:22px}.top-nav a{font-size:8px}
  .player-shell{min-height:580px}.hero-copy{left:17px;top:43%;max-width:250px}.hero-copy h1{font-size:18px}.hero-copy i{margin:23px 0 18px}
  .video-controls{left:17px}.fragment-counter{right:17px}.fragment-counter>#editionCounter{display:none}
  .timeline-section,.lower-grid,.hint{margin-left:14px;margin-right:14px}.section-heading h2{font-size:12px}.section-heading p{font-size:7px}
  .fragment-strip{display:flex!important;gap:13px;padding-bottom:8px}.fragment-thumb{flex:0 0 82%}
  .lower-grid{padding:17px}.selection-time{white-space:normal}.mint-selection .selection-time{font-size:20px}
}

/* Simplified hero and panoramic sequence grid */
.topbar{grid-template-columns:1fr;padding-right:34px}
.top-nav,.local-context,.hero-copy{display:none!important}
.fragment-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 20px}
.fragment-thumb video{aspect-ratio:3/1;object-fit:cover;object-position:center}

@media(max-width:700px){
  .fragment-strip{display:grid!important;grid-template-columns:1fr;gap:24px}
  .fragment-thumb{width:100%;flex:none}
  .fragment-thumb video{aspect-ratio:2.45/1}
}

/* Hourly sequence browser */
.scroll-cue{display:grid;bottom:24px;width:46px;height:42px;opacity:.88}
.scroll-cue svg{width:29px;height:20px}
.scroll-cue:hover{transform:translate(-50%,3px)}
.sequences-heading{scroll-margin-top:24px}
.hour-selector{display:flex;gap:4px;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#5a5a5a #171717;margin-top:28px;padding:0 0 12px;scroll-snap-type:x proximity}
.hour-selector button{flex:0 0 auto;min-width:72px;padding:12px 8px;border:1px solid #383838;background:#101010;color:#999;font-family:'Courier New',monospace;font-size:12px;letter-spacing:.04em;scroll-snap-align:center}
.hour-selector button:hover,.hour-selector button:focus-visible{color:#fff;border-color:#a9a9a9;outline:0}
.hour-selector button.active{background:#fff;border-color:#fff;color:#090909}
.sequence-navigation{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:23px}
.sequence-position{display:flex;align-items:baseline;gap:22px;font-family:'Courier New',monospace;font-size:12px;letter-spacing:.08em}
.sequence-position strong{font-weight:400;color:#eee}.sequence-position span{color:#8f8f8f}
.sequence-arrows{display:flex;gap:7px}
.sequence-arrows button{width:39px;height:33px;border:1px solid #555;background:transparent;color:#fff;font-size:19px;line-height:1}
.sequence-arrows button:hover:not(:disabled){background:#fff;color:#000}.sequence-arrows button:disabled{opacity:.25;cursor:default}
.fragment-strip{margin-top:16px}
.fragment-thumb.upcoming-thumb{cursor:default}
.upcoming-visual{display:grid;place-items:center;width:100%;aspect-ratio:3/1;border:1px solid #4d4d4d;background:#333;color:#aaa;font-size:11px;letter-spacing:.22em}
@media(max-width:700px){
  .scroll-cue{bottom:34px;width:32px}
  .hour-selector button{min-width:66px;padding:10px 7px}
  .sequence-position{gap:8px;font-size:10px}
  .upcoming-visual{aspect-ratio:2.45/1}
}

/* Timeframes are part of the 24-hour ruler; the gallery shows nine sequences. */
.timeline-hours.hour-selector{display:grid;grid-template-columns:repeat(24,minmax(0,1fr));gap:0;overflow:visible;margin:0;padding:0;border-bottom:1px solid #303030;scroll-snap-type:none}
.timeline-hours.hour-selector button{position:relative;width:100%;min-width:0;height:44px;padding:12px 0 6px;border:0;border-right:1px solid #393939;background:transparent;color:#999;font-family:'Courier New',monospace;font-size:clamp(8px,.7vw,11px);letter-spacing:0;scroll-snap-align:none}
.timeline-hours.hour-selector button:first-child{border-left:1px solid #393939}
.timeline-hours.hour-selector button:before{content:'';position:absolute;top:0;left:0;width:1px;height:8px;background:#777}
.timeline-hours.hour-selector button:hover,.timeline-hours.hour-selector button:focus-visible{background:rgba(255,255,255,.1);color:#fff;outline:1px solid #aaa;outline-offset:-1px}
.timeline-hours.hour-selector button.active{background:rgba(255,255,255,.14);color:#fff;box-shadow:inset 0 -2px #fff}
.fragment-strip{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 18px}
.fragment-thumb video,.upcoming-visual{aspect-ratio:3/1}
@media(max-width:900px){.fragment-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){
  .timeline-hours.hour-selector{grid-template-columns:repeat(8,minmax(0,1fr))}
  .timeline-hours.hour-selector button{height:40px;min-width:0;padding:11px 0 5px;font-size:10px;border-top:1px solid #303030}
  .fragment-strip{grid-template-columns:1fr;gap:20px}
  .fragment-thumb video,.upcoming-visual{aspect-ratio:2.7/1}
}

/* The timeline and gallery form the second screen. */
.timeline-section{margin:0;padding:26px 34px 28px;min-height:100svh;scroll-margin-top:0;display:flex;flex-direction:column}
.timeline-section .day-periods{margin:14px 0 11px}
.timeline-section .timeline{flex:0 0 30px}
.timeline-section .timeline-hours.hour-selector button{height:38px}
.timeline-section .legend{margin-top:10px}
.timeline-section .sequences-heading{margin-top:17px;padding-top:13px}
.timeline-section .sequence-navigation{margin-top:9px}
.timeline-section .fragment-strip{margin-top:11px;gap:12px 16px;grid-template-columns:repeat(3,minmax(0,1fr))}
.fragment-thumb{position:relative;display:flex;flex-direction:column;min-height:0}
.fragment-preview-button{display:block;position:relative;flex:1;min-height:0;width:100%;padding:0;border:0;background:#111;color:#fff;overflow:hidden;cursor:pointer}
.fragment-preview-button:hover video,.fragment-preview-button:focus-visible video{border-color:#fff;filter:saturate(1.08) contrast(1.08)}
.fragment-preview-button:focus-visible{outline:2px solid #fff;outline-offset:2px}
.fragment-thumb .fragment-preview-button video{display:block;width:100%;height:100%;aspect-ratio:auto;object-fit:cover;pointer-events:none}
.fragment-thumb .fragment-preview-button .upcoming-visual{width:100%;height:100%;aspect-ratio:auto}
.fragment-thumb .fragment-thumb-meta{position:static;flex:0 0 17px;margin-top:4px;min-height:0}
.fragment-collect-action{position:absolute;right:8px;bottom:28px;z-index:3;min-height:27px;padding:4px 9px;border:1px solid #fff;background:#fff;color:#090909;font-family:'Courier New',monospace;font-size:9px;font-weight:700;letter-spacing:.08em;cursor:pointer}
.fragment-collect-action:hover,.fragment-collect-action:focus-visible{background:#090909;color:#fff;outline:none}
.fragment-collect-action:disabled{border-color:#777;background:#555;color:#ddd;cursor:default}
.mint-system{scroll-margin-top:20px}
@media(min-width:760px){
  .timeline-section{height:100svh;min-height:650px}
  .timeline-section .fragment-strip{flex:1;min-height:0;grid-template-rows:repeat(3,minmax(0,1fr))}
}
@media(max-width:759px){
  .timeline-section{padding:24px 20px 32px}
  .timeline-section .fragment-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 13px}
  .fragment-preview-button{flex:none;aspect-ratio:2.7/1}
}
@media(max-width:520px){
  .timeline-section{padding:22px 14px 30px}
  .timeline-section .fragment-strip{grid-template-columns:1fr}
  .fragment-preview-button{aspect-ratio:3/1}
}

/* Quieter day-to-night timeline and collection area. */
.timeline-section{background:#090a0d}
.timeline-section .timeline{border:0;background:linear-gradient(90deg,#02040a 0%,#071a41 13%,#2460a1 25%,#ddb95d 37%,#f2d77c 49%,#e8bb66 62%,#2f66a4 77%,#0b214a 88%,#02040a 100%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.15)}
.timeline:after{display:none}
.timeline-segments{grid-template-columns:repeat(170,minmax(0,1fr));gap:0}
.base-tick{width:1px;background:rgba(255,255,255,.22)}
.clip-segment{border:0;box-shadow:none;border-radius:0}
.clip-segment.available{background:rgba(20,65,87,.1);border:0;border-bottom:2px solid rgba(133,193,168,.9)}
.clip-segment.collected{background:rgba(75,48,14,.12);border:0;border-bottom:2px solid rgba(228,185,108,.9)}
.clip-segment.upcoming{background:#414247;border:0;box-shadow:none}
.selection-range{background:transparent;border:0;border-left:2px solid #fff;box-shadow:0 0 10px rgba(255,255,255,.35)}
.selection-handle{display:none}
.timeline-hours.hour-selector{border:0}
.timeline-hours.hour-selector button,.timeline-section .timeline-hours.hour-selector button{height:34px;border:0;background:transparent;color:#9398a3;font-size:clamp(9px,.74vw,12px);padding:8px 0 5px;box-shadow:none}
.timeline-hours.hour-selector button:first-child{border:0}
.timeline-hours.hour-selector button:before{display:none}
.timeline-hours.hour-selector button:hover,.timeline-hours.hour-selector button:focus-visible{background:transparent;color:#fff;outline:0}
.timeline-hours.hour-selector button.active{background:transparent;color:#fff;box-shadow:none}
.timeline-hours.hour-selector button.active:after{content:'';position:absolute;left:31%;right:31%;bottom:3px;height:1px;background:#fff}
.sequence-arrows button{border:0;background:transparent}
.sequence-arrows button:hover:not(:disabled){background:transparent;color:#b8c9e9}
.lower-grid{gap:clamp(30px,5vw,90px);margin:0 34px;padding:70px 0 30px;border:0;border-top:1px solid #25272c}
.sequence-still{padding:0;border:0;background:transparent}
.sequence-still video{border:0}
.mint-system{min-height:0;border:0;background:transparent}
.mint-header{padding:0 0 20px;border:0}
.mint-selection{min-height:0;padding:18px 0 28px}
.fragment-card{padding:22px 0 0;border:0;background:transparent}
.collect-btn,.collect-btn.offer-btn{border:0;background:#f1f1ed;color:#070707}
.collect-btn:hover,.collect-btn.offer-btn:hover{background:#c9d5e8;color:#070707}
.editorial-intro{border-top:0}
@media(max-width:900px){.lower-grid{margin:0 20px;padding-top:50px}}
@media(max-width:600px){
  .timeline-hours.hour-selector button,.timeline-section .timeline-hours.hour-selector button{height:35px;font-size:10px}
  .lower-grid{margin:0 14px;padding-top:35px;gap:24px}
  .mint-header{padding-top:0}
  .mint-selection{padding:16px 0 24px}
  .fragment-card{padding:17px 0 0}
}

/* The 24-hour film has its own screen; sequences begin on the next one. */
.timeline-section{position:relative;height:100svh;min-height:650px;background:linear-gradient(180deg,rgba(0,0,0,.52),rgba(0,0,0,.7)),linear-gradient(90deg,#030713 0%,#102e62 25%,#b08841 50%,#153c75 75%,#030713 100%)}
.timeline-heading{position:relative;z-index:1}
.timeline-stage{position:relative;z-index:1;flex:1;min-height:0;display:grid;grid-template-columns:minmax(260px,.85fr) minmax(0,1.15fr);align-items:center;gap:clamp(32px,6vw,100px);padding:30px 0}
.timeline-intro{max-width:540px;align-self:center}
.timeline-kicker{margin:0 0 25px;color:#c9cbd2;font-family:'Courier New',monospace;font-size:11px;letter-spacing:.18em}
.timeline-intro h2{margin:0;font-family:Inter,Arial,sans-serif;font-size:clamp(52px,7vw,112px);font-weight:300;line-height:.96;letter-spacing:.045em}
.timeline-instruction{max-width:360px;margin:30px 0 0;color:#d3d7dd;font-family:'Courier New',monospace;font-size:13px;line-height:1.6;letter-spacing:.02em}
.timeline-artwork{position:relative;min-width:0;margin:0;align-self:center}
.timeline-artwork img{display:block;width:100%;max-height:min(47svh,480px);aspect-ratio:16/9;object-fit:cover;filter:contrast(1.08) saturate(.78);box-shadow:0 20px 70px rgba(0,0,0,.32)}
.timeline-artwork figcaption{position:absolute;right:0;bottom:-23px;color:#d3d5dc;font-family:'Courier New',monospace;font-size:10px;letter-spacing:.13em}
.timeline-section .timeline{position:relative;z-index:1;flex:0 0 42px;background:linear-gradient(90deg,#030711 0%,#0b2451 16%,#4a85b5 28%,#d4b163 39%,#f2dc93 51%,#dcad5d 64%,#4277a9 78%,#0a214b 90%,#02050e 100%);box-shadow:0 0 0 1px rgba(255,255,255,.18)}
.timeline-section .timeline-hours.hour-selector{position:relative;z-index:1}
.timeline-section .timeline-hours.hour-selector button{height:48px;font-size:11px;color:#d1d4db}
.timeline-section .legend{position:relative;z-index:1;margin-top:9px}
.sequences-section{min-height:100svh;padding:26px 34px 28px;background:#090a0d;display:flex;flex-direction:column;scroll-margin-top:0}
.sequences-section .sequences-heading{margin:0;padding:0;border:0}
.sequences-section .sequence-navigation{margin-top:16px}
.sequences-section .fragment-strip{margin-top:18px;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 16px}
.lower-grid{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr)}
.lower-grid .mint-system{order:0}
.lower-grid .sequence-still{order:1}
@media(min-width:760px){
  .sequences-section{height:100svh;min-height:650px}
  .sequences-section .fragment-strip{flex:1;min-height:0;grid-template-rows:repeat(3,minmax(0,1fr))}
}
@media(max-width:900px){
  .timeline-stage{grid-template-columns:1fr 1fr;gap:28px}
  .timeline-intro h2{font-size:clamp(42px,6.7vw,74px)}
  .sequences-section{padding:26px 20px}
  .lower-grid{grid-template-columns:1fr}
}
@media(max-width:759px){
  .timeline-section{height:auto;min-height:100svh;padding:22px 20px 28px}
  .timeline-stage{grid-template-columns:1fr;padding:42px 0 55px;gap:28px}
  .timeline-intro h2{font-size:clamp(48px,12vw,80px)}
  .timeline-artwork img{max-height:none}
  .sequences-section .fragment-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 13px}
}
@media(max-width:520px){
  .timeline-section,.sequences-section{padding-left:14px;padding-right:14px}
  .timeline-section .timeline-hours.hour-selector button{height:38px;font-size:10px}
  .sequences-section .fragment-strip{grid-template-columns:1fr}
}

/* Single adaptive film map: weather over day/night, status over weather. */
.timeline-section{height:100svh;min-height:620px;overflow:hidden;display:flex;flex-direction:column;padding:18px clamp(16px,2.7vw,64px) 18px;background:linear-gradient(180deg,rgba(0,0,0,.44),rgba(0,0,0,.68)),linear-gradient(90deg,#030713 0%,#102e62 25%,#aa813c 50%,#153c75 75%,#030713 100%)}
.timeline-heading{flex:0 0 auto}
.timeline-heading h2,.sequences-heading h2{font-size:clamp(14px,.82vw,26px)}
.timeline-stage{flex:0 0 clamp(175px,25svh,390px);min-height:0;grid-template-columns:minmax(220px,.8fr) minmax(0,1.2fr);align-items:stretch;gap:clamp(18px,4vw,90px);padding:16px 0 0}
.timeline-intro{align-self:center}
.timeline-kicker{margin-bottom:12px;font-size:clamp(10px,.5vw,17px)}
.timeline-intro h2{font-size:clamp(36px,4.4vw,98px);line-height:.93}
.timeline-instruction{margin-top:16px;font-size:clamp(11px,.55vw,18px)}
.timeline-artwork{height:100%;align-self:stretch;overflow:hidden}
.timeline-artwork img{width:100%;height:100%;max-height:none;aspect-ratio:auto;object-fit:cover}
.timeline-artwork figcaption{right:10px;bottom:10px;text-shadow:0 1px 8px #000}
.timeline-section .timeline{z-index:3;flex:0 0 clamp(34px,3.8svh,62px);margin-top:-24px;background-image:var(--weather-layer),linear-gradient(90deg,#02050e 0%,#0b2854 16%,#4d8ab6 28%,#d0af62 39%,#f1dd91 51%,#dba959 64%,#467da9 78%,#081d42 90%,#02050e 100%);background-color:#060b16}
.timeline .clip-segment{min-width:0;pointer-events:none;top:0;bottom:0}
.timeline .clip-segment.available{background:rgba(48,170,99,.38);border:0}
.timeline .clip-segment.collected{background:rgba(243,186,58,.42);border:0}
.timeline .clip-segment.upcoming{background:#3f4146;border:0}
.timeline .selection-range{z-index:11;min-width:0;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.9);box-shadow:none}
.timeline .hover-range{position:absolute;top:0;bottom:0;z-index:12;min-width:0;background:rgba(255,255,255,.13);outline:1px solid #fff;pointer-events:none}
.timeline-section .timeline-hours.hour-selector button{height:clamp(28px,3.4svh,52px);font-size:clamp(9px,.42vw,18px)}
.timeline-section .legend{flex:0 0 auto;margin:3px 0 6px;font-size:clamp(9px,.4vw,16px)}
.timeline-section .sequences-section{flex:1;min-height:0;height:auto;overflow:hidden;margin:0;padding:10px 0 0;background:transparent;display:flex;flex-direction:column}
.timeline-section .sequences-section .sequences-heading{flex:0 0 auto;margin:0;padding:0;border:0}
.timeline-section .sequences-section .sequence-navigation{flex:0 0 auto;margin-top:6px}
.timeline-section .sequences-section .fragment-strip{flex:1;min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#69717a transparent;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));gap:clamp(6px,.7vw,22px) clamp(8px,.9vw,26px);margin-top:8px;padding:0 1px 2px}
.timeline-section .sequences-section .fragment-thumb{min-height:0;height:100%}
.timeline-section .sequences-section .fragment-preview-button{flex:1;min-height:0;aspect-ratio:auto}
.timeline-section .sequences-section .fragment-thumb-meta{font-size:clamp(9px,.42vw,18px)}
.timeline-section .sequences-section .fragment-thumb-meta strong,.timeline-section .sequences-section .fragment-thumb-meta span{font-size:clamp(8px,.38vw,16px)}
.timeline-section .fragment-collect-action{font-size:clamp(9px,.38vw,16px);min-height:clamp(24px,2.5svh,42px)}
.timeline-section .sequence-position{font-size:clamp(10px,.46vw,18px)}
.lower-grid .sequence-still{order:0}
.lower-grid .mint-system{order:1}
@media(max-width:900px){
  .timeline-stage{grid-template-columns:minmax(190px,.85fr) minmax(0,1.15fr);gap:18px}
  .timeline-intro h2{font-size:clamp(34px,5.1vw,58px)}
}
@media(max-width:700px){
  .timeline-section{height:100svh;min-height:600px;padding:14px 14px 12px}
  .timeline-stage{position:relative;display:block;flex:0 0 clamp(120px,19svh,210px);padding:0}
  .timeline-artwork{position:absolute;inset:0;z-index:0}
  .timeline-artwork figcaption{display:none}
  .timeline-intro{position:relative;z-index:1;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;padding:14px 18px;background:linear-gradient(90deg,rgba(0,0,0,.82),rgba(0,0,0,.06))}
  .timeline-kicker{margin-bottom:7px;font-size:9px}
  .timeline-intro h2{font-size:clamp(32px,8vw,56px)}
  .timeline-instruction{max-width:250px;margin-top:8px;font-size:10px;line-height:1.35}
  .timeline-section .timeline{margin-top:-14px;flex-basis:34px}
  .timeline-section .timeline-hours.hour-selector button{height:25px;font-size:9px;padding:5px 0}
  .timeline-section .legend{gap:12px;justify-content:flex-start;font-size:8px}
  .timeline-section .sequences-section .fragment-strip{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;grid-auto-rows:clamp(100px,16svh,165px);gap:10px}
  .timeline-section .sequences-section .fragment-preview-button{aspect-ratio:auto}
  .timeline-section .sequences-section .sequences-heading p{display:none}
}
@media(max-width:420px){
  .timeline-section .sequences-section .fragment-strip{grid-template-columns:1fr;grid-auto-rows:clamp(110px,18svh,170px)}
}

/* Direct film-to-sequences navigation. */
.timeline-stage{display:none}
.timeline-section{gap:0}
.timeline-section .timeline{margin-top:clamp(22px,4svh,55px)}
.timeline .selection-range,.timeline .hover-range,.timeline .playhead{display:none!important}
.timeline-hours.hour-selector button:hover,.timeline-hours.hour-selector button:focus-visible{background:transparent;color:#fff;outline:0}
.timeline-hours.hour-selector button.active{background:transparent;box-shadow:none;color:#fff}
.timeline-section .sequences-section{padding-top:clamp(22px,3svh,48px)}
.selected-loop-progress{display:block;width:100%;height:3px;margin-top:8px;appearance:none;border:0;background:#343434;color:#e9e9e9}

/* Minimal monochrome ruler and compact section labels. */
.timeline-section{background:#090a0d;padding:clamp(12px,1.8svh,26px) clamp(16px,2.7vw,64px)}
.timeline-heading h2,.sequences-heading h2{font-size:clamp(11px,.68vw,19px);letter-spacing:.26em}
.timeline-section .timeline{height:18px;min-height:18px;flex:0 0 18px;margin-top:clamp(18px,3svh,36px);background:#202124;background-image:none;box-shadow:none;cursor:pointer}
.timeline-section .timeline-segments{cursor:pointer}
.timeline .clip-segment.available{background:#416551;border:0}
.timeline .clip-segment.collected{background:#8b7043;border:0}
.timeline .clip-segment.upcoming{background:#424349;border:0}
.timeline .clip-segment.is-selected{animation:fragment-pulse 1.65s ease-in-out infinite;z-index:7}
@keyframes fragment-pulse{0%,100%{box-shadow:inset 0 0 0 999px rgba(255,255,255,.08)}50%{box-shadow:inset 0 0 0 999px rgba(255,255,255,.32)}}
.timeline-section .timeline-hours.hour-selector button{cursor:pointer}
.timeline-hours.hour-selector button.active{animation:hour-pulse 1.65s ease-in-out infinite}
@keyframes hour-pulse{0%,100%{background:rgba(255,255,255,.05)}50%{background:rgba(255,255,255,.2)}}
.timeline-section .sequences-section{padding-top:clamp(16px,2.3svh,30px)}
.timeline-section .sequences-section .sequence-navigation{margin-top:3px}
.sequences-heading{align-items:center}
.sequences-heading .sequence-arrows{gap:18px}
.sequences-heading .sequence-arrows button{width:auto;height:auto;padding:2px 0;font-size:23px}
.selected-loop-frame{position:relative;line-height:0}
.selected-loop-frame video{display:block}

/* Fixed hour highlight, larger ruler, left-aligned sequence navigation. */
.timeline-section .timeline{height:27px;min-height:27px;flex:0 0 27px}
.timeline-hours.hour-selector button.active{animation:none!important;background:rgba(255,255,255,.16)!important;color:#fff}
.timeline-hours.hour-selector button.active:after{display:none!important}
.sequences-heading{justify-content:flex-start;gap:clamp(18px,2.5vw,40px)}
.sequences-heading .sequence-arrows{order:0}
.sequences-heading h2{order:1}

/* Quiet navigation and a centered collection view. */
.topbar{grid-template-columns:1fr auto;align-items:start}
.hero-about-link{justify-self:end;align-self:start;padding:7px 0;color:#ddd;text-decoration:none;font-family:'Courier New',monospace;font-size:10px;letter-spacing:.2em}
.hero-about-link:hover{color:#aaa}
.fragment-counter>#editionCounter{order:1;font-size:10px;color:#aeb0b2}
.fragment-counter .film-time-range{order:0}
.fragment-counter .hero-ownership{order:2}
.fragment-counter .hero-collect-btn{order:3}
.sequences-heading{flex-direction:column;align-items:flex-start;gap:5px}
.sequences-heading h2{order:0}
.sequences-heading .sequence-arrows{order:1;gap:18px}
.sequences-heading .sequence-arrows button{color:#b5b7ba}
.sequences-heading .sequence-arrows button:hover:not(:disabled){color:#e0e1e3}
.timeline-hours.hour-selector button.active{background:rgba(150,155,158,.18)!important;color:#e0e1e3}
.timeline .clip-segment.is-selected{animation:fragment-pulse-muted 1.8s ease-in-out infinite}
@keyframes fragment-pulse-muted{0%,100%{box-shadow:inset 0 0 0 999px rgba(195,200,200,.06)}50%{box-shadow:inset 0 0 0 999px rgba(195,200,200,.2)}}
.timeline-section .sequences-section .fragment-preview-button video{border-color:#303136}
.fragment-preview-button:hover video,.fragment-preview-button:focus-visible video,.fragment-thumb.active video{border-color:#56595b;filter:none}
.lower-grid{display:flex;flex-direction:column;align-items:center;gap:0;width:min(100% - 48px,940px);max-width:none;margin:0 auto;padding:clamp(38px,6svh,80px) 0 70px;border:0}
.lower-grid .sequence-still,.lower-grid .mint-system{order:initial;width:100%;max-width:none}
.sequence-still{margin:0;padding:0;border:0}
.sequence-still video{display:block;width:100%;height:auto;min-height:0;aspect-ratio:16/9;object-fit:cover;border:0}
.sequence-still figcaption{display:none}
.mint-system{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(260px,.85fr);column-gap:clamp(22px,4vw,65px);padding:26px 0 0;border:0}
.mint-header{grid-column:1/-1;padding:0 0 14px;border:0;color:#a9aaac}
.mint-selection{min-height:0;padding:7px 0 0}
.mint-selection .eyebrow{margin-bottom:9px}
.mint-selection .selection-time{margin:0;font-size:clamp(18px,2vw,28px)}
.fragment-card{padding:0;border:0}
.fragment-info{gap:16px}
.mint-ownership{margin:16px 0 0}
.collect-btn{height:42px;margin-top:16px}
@media(max-width:700px){.lower-grid{width:calc(100% - 28px);padding-top:35px}.mint-system{grid-template-columns:1fr;row-gap:18px;padding-top:18px}.mint-header{grid-column:1}.fragment-card{padding:0}.hero-about-link{font-size:9px}}
.lower-grid{width:min(100% - 48px,800px);padding-top:36px;padding-bottom:30px;scroll-margin-top:0}
.editorial-intro{margin-top:0;padding-top:clamp(56px,7svh,90px)}
@media(max-width:700px){.lower-grid{width:calc(100% - 28px)}}

/* Larger, clearer sans-serif labels and borderless previews. */
.hero-about-link{font-family:Inter,Arial,sans-serif;font-size:15px;font-weight:600;letter-spacing:.12em}
.fragment-counter,.fragment-counter .film-time-range,.fragment-counter>#editionCounter,.hero-ownership,.hero-ownership strong{font-family:Inter,Arial,sans-serif}
.fragment-counter .film-time-range{font-size:clamp(15px,1.2vw,21px);font-weight:600;letter-spacing:.02em}
.fragment-counter>#editionCounter{font-size:12px;font-weight:600}
.hero-ownership,.hero-ownership strong{font-size:13px}
.timeline-section .timeline-hours.hour-selector button{font-family:Inter,Arial,sans-serif;font-weight:700;letter-spacing:.01em}
.timeline-section .legend{font-family:Inter,Arial,sans-serif;font-weight:700;letter-spacing:.08em}
.timeline-section .sequences-section .sequence-position #sequencePageLabel{display:none!important}
.fragment-thumb,.fragment-thumb.active,.fragment-preview-button,.fragment-thumb video,.upcoming-visual{border:0!important;box-shadow:none!important}
.fragment-thumb{border-radius:5px;overflow:hidden}
.fragment-preview-button{border-radius:5px;overflow:hidden}
.fragment-thumb video,.upcoming-visual{border-radius:5px}
.fragment-collect-action,.upcoming-visual{font-family:Inter,Arial,sans-serif;font-weight:700;letter-spacing:.04em}
.fragment-collect-action{border:0;border-radius:3px}
.fragment-collect-action:disabled{border:0}
.fragment-preview-button:focus-visible{outline:2px solid #74777a;outline-offset:-2px}
.lower-grid{width:min(100% - 48px,1200px)}
@media(max-width:700px){.hero-about-link{font-size:12px}.fragment-counter .film-time-range{font-size:13px}.hero-ownership,.hero-ownership strong{font-size:10px}.lower-grid{width:calc(100% - 28px)}}

/* Hero controls and information rhythm. */
.scroll-cue{width:38px;height:35px;bottom:23px}
.scroll-cue svg{width:24px;height:16px;stroke-width:2.2}
.hero-about-link{font-size:13px}
.fragment-counter{gap:4px;bottom:25px}
.fragment-counter .film-time-range{gap:7px;font-size:clamp(14px,1vw,18px);font-weight:500}
.fragment-counter>#editionCounter{font-size:11px;font-weight:500;color:#c0c2c4}
.fragment-counter .hero-ownership{gap:5px;font-size:11px}
.fragment-counter .hero-ownership strong{font-size:11px}
.fragment-counter .hero-collect-btn{margin-top:3px;padding:6px 11px;font-size:10px}
@media(max-width:700px){.hero-about-link{font-size:11px}.fragment-counter{gap:3px;bottom:18px}.fragment-counter .film-time-range{font-size:11px;gap:4px}.fragment-counter>#editionCounter{display:block;font-size:10px}.fragment-counter .hero-ownership,.fragment-counter .hero-ownership strong{font-size:10px}.scroll-cue{bottom:20px}}

/* Consistent spacing in the film's bottom-right information. */
.fragment-counter{gap:8px}
.fragment-counter .film-time-range{opacity:.72}
.fragment-counter .film-time-arrow{color:inherit}
.fragment-counter .hero-collect-btn{margin-top:0}
@media(max-width:700px){.fragment-counter{gap:6px}}

/* Match the hero action to the sequence cards. */
.fragment-counter>#editionCounter{display:none!important}
.fragment-counter .film-time-range{color:#fff;opacity:.9}
.fragment-counter .film-time-arrow{color:#fff}
.hero-collect-btn{min-width:0;padding:4px 9px;border:0;border-radius:3px;background:#fff;color:#090909;font-family:Inter,Arial,sans-serif;font-size:10px;font-weight:700;letter-spacing:.04em;line-height:1.35;text-shadow:none}
.hero-collect-btn:hover{border:0;background:#090909;color:#fff}
@media(max-width:700px){.hero-collect-btn{padding:4px 9px;font-size:9px}}

/* Film-time identity in the hero. */
.fragment-counter .film-time-range{display:none!important}
.hero-star{font-family:Inter,Arial,sans-serif;font-size:11px;font-weight:600;letter-spacing:.2em;color:rgba(255,255,255,.75)}
.hero-running-time{font-family:Inter,Arial,sans-serif;font-size:clamp(22px,2.15vw,36px);font-weight:400;letter-spacing:.02em;line-height:1.1;font-variant-numeric:tabular-nums;color:#fff}
.fragment-counter .hero-availability{font-family:Inter,Arial,sans-serif;font-size:11px;font-weight:600;letter-spacing:.12em;color:rgba(255,255,255,.85)}
.fragment-counter .hero-ownership{font-size:11px}
.fragment-counter{gap:9px}
.fragment-counter .hero-collect-btn{margin-top:2px}
@media(max-width:700px){.hero-star{font-size:9px}.hero-running-time{font-size:22px}.fragment-counter{gap:6px}}
.hero-star{font-size:clamp(15px,1.35vw,22px);letter-spacing:.16em}
@media(max-width:700px){.hero-star{font-size:13px}}
.hero-star{font-size:clamp(13px,1.1vw,18px)}
.hero-sequence-progress{display:block;width:clamp(125px,12vw,210px);height:2px;margin:0 0 2px auto;appearance:none;border:0;background:rgba(255,255,255,.22);color:rgba(255,255,255,.85)}
.hero-sequence-progress::-webkit-progress-bar{background:rgba(255,255,255,.22)}
.hero-sequence-progress::-webkit-progress-value{background:rgba(255,255,255,.85)}
.hero-sequence-progress::-moz-progress-bar{background:rgba(255,255,255,.85)}
@media(max-width:700px){.hero-star{font-size:12px}.hero-sequence-progress{width:135px}}
.hero-star{font-size:clamp(12px,1vw,16px)}
@media(max-width:700px){.hero-star{font-size:11px}}

/* More room for the film map after removing section titles. */
.timeline-section .timeline{margin-top:0}
.timeline-section .sequences-section{padding-top:clamp(10px,1.5svh,20px)}
.timeline-section .sequences-section .sequences-heading{margin:0;padding:0}
.timeline-section .sequences-section .sequence-navigation{margin-top:2px}

/* Subtle hover frame on film surfaces. */
.fragment-preview-button::after,.selected-loop-frame::after,.player-shell::before{content:'';position:absolute;inset:0;z-index:4;border:3px solid rgba(255,255,255,.5);border-radius:inherit;opacity:0;pointer-events:none;transition:opacity .18s ease}
.fragment-preview-button:hover::after,.fragment-preview-button:focus-visible::after,.fragment-thumb.is-timeline-hovered .fragment-preview-button::after,.selected-loop-frame:hover::after,.player-shell:hover::before{opacity:1}
.selected-loop-frame{border-radius:5px;overflow:hidden}
.player-shell::before{z-index:3}

/* Night framing and clearer fragment map. */
.player-shell:after{background:linear-gradient(to bottom,rgba(0,0,0,.62) 0%,rgba(0,0,0,.18) 24%,transparent 45%,transparent 58%,rgba(0,0,0,.25) 75%,rgba(0,0,0,.73) 100%)}
.timeline-section{background:#121316;padding-top:clamp(22px,3svh,40px)}
.timeline-section .timeline{margin-top:0;margin-bottom:7px}
.timeline .clip-segment{clip-path:inset(0 1px 0 1px)}
.timeline .hour-hover{position:absolute;top:0;bottom:0;width:4.1666667%;z-index:9;background:rgba(220,225,228,.2);pointer-events:none}
.timeline-section .timeline-hours.hour-selector button:hover,.timeline-section .timeline-hours.hour-selector button:focus-visible{background:rgba(220,225,228,.12);color:#fff}
.player-shell:after{background:none}
.topbar{background:none}

/* Four or five evenly divided fragments in each hour; separators stay uniform. */
.timeline-segments{grid-template-columns:repeat(100,minmax(0,1fr))}
.timeline .clip-segment{clip-path:none!important;border-right:3px solid #121316!important}
.timeline-hours.hour-selector button.active{transform:none!important}
.timeline-section .timeline-hours.hour-selector button.active{background:#fff!important;color:#08090b!important;box-shadow:none!important}
.timeline-section .timeline-hours.hour-selector button.active:hover,.timeline-section .timeline-hours.hour-selector button.active:focus-visible{background:#fff!important;color:#08090b!important}

/* Preserve each video's relative duration; emphasize an hour through its own colors. */
.timeline .hour-hover{display:none!important}
.timeline .clip-segment.is-selected{animation:none!important;box-shadow:none!important}
.timeline .clip-segment.is-hour-active{filter:brightness(1.14) saturate(1.2)}
.timeline .clip-segment.is-hour-hovered{filter:brightness(1.24) saturate(1.35)}
.timeline .clip-segment.is-selected{filter:brightness(1.65) saturate(2.2)!important}
.timeline .clip-segment.upcoming.is-hour-active,.timeline .clip-segment.upcoming.is-hour-hovered{background:#505158}
.timeline .clip-segment.upcoming.is-selected{background:#65666d}
.timeline-section .fragment-thumb:focus-visible{outline:none}
.timeline-section .fragment-thumb:focus-visible .fragment-preview-button::after{opacity:1}
.timeline-section .fragment-thumb.active .fragment-preview-button::after{opacity:1;border-color:rgba(255,255,255,.65)}

@font-face{font-family:'Antipasto Regular';src:url('assets/Antipasto-Pro-Regular-trial.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
.editorial-intro #editorialTitle{font-family:'Antipasto Regular',Inter,Arial,sans-serif;font-weight:400}
.topbar .logo{font-family:'Antipasto Regular',Inter,Arial,sans-serif;font-size:30px;font-weight:400;letter-spacing:.18em;cursor:default}
@media(max-width:700px){.topbar .logo{font-size:21px}}

/* The film map and its matching artwork respond together. */
.timeline .clip-segment.upcoming.is-fragment-hovered{background:#74767d}

/* One continuous hour hover zone, with a stronger second level for the exact fragment. */
.timeline .hour-hover:not([hidden]){display:block!important;top:0;bottom:auto;z-index:2;background:rgba(139,177,197,.1);pointer-events:none}
.timeline .hour-hover[hidden]{display:none!important}
.timeline .clip-segment.is-fragment-hovered{filter:brightness(2.05) saturate(2.6)!important}

/* Quieter baseline palette and a slightly stronger downward cue. */
.scroll-cue svg{stroke-width:2.8}
.timeline .clip-segment.available{background:#304b3b}
.timeline .clip-segment.collected{background:#67512f}
.timeline .clip-segment.upcoming{background:#34353b}

/* Stronger arrow and an unbroken hour-to-fragment hover block. */
.scroll-cue svg{stroke-width:5.4;stroke-linecap:round;stroke-linejoin:round}
.timeline .clip-segment.is-hour-hovered{filter:brightness(1.42) saturate(1.55)}
.timeline .hour-hover:not([hidden]){background:linear-gradient(to bottom,rgba(155,193,211,.12) 0 var(--ruler-height),rgba(155,193,211,.28) var(--ruler-height) 100%)}

/* The narrow gap stays visually empty but selects its hour. */
.timeline .hour-hover:not([hidden]){background:linear-gradient(to bottom,rgba(155,193,211,.1) 0 var(--ruler-height),transparent var(--ruler-height) 100%)}
.timeline-section .sequence-position #currentHourLabel{font-family:Inter,Arial,sans-serif;font-size:clamp(22px,2.15vw,36px);font-weight:400;letter-spacing:.02em;line-height:1.1;font-variant-numeric:tabular-nums;color:#fff}

/* Mosaic captions: star identity and complete fragment timeframe. */
.timeline-section .sequences-section .fragment-thumb-meta{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center}
.timeline-section .sequences-section .fragment-thumb-meta strong{font-family:Inter,Arial,sans-serif;font-size:clamp(12px,.85vw,18px);font-weight:700;letter-spacing:.04em;color:#fff}
.timeline-section .sequences-section .fragment-thumb-meta .thumb-time{font-family:Inter,Arial,sans-serif;font-size:clamp(9px,.58vw,13px);font-weight:500;letter-spacing:.01em;color:rgba(255,255,255,.76);white-space:nowrap;font-variant-numeric:tabular-nums}

/* Mosaic spacing and navigation refinements. */
.timeline-section .sequences-section .fragment-thumb .fragment-thumb-meta{flex:0 0 auto;min-height:20px;margin-top:9px}
.timeline-section .sequence-position #currentHourLabel{font-size:clamp(20px,1.9vw,32px)}
.timeline-section .sequences-heading .sequence-arrows button{width:38px;height:34px;padding:0;border:0;border-radius:3px;background:transparent;color:#b5b7ba}
.timeline-section .sequences-heading .sequence-arrows button:hover:not(:disabled),.timeline-section .sequences-heading .sequence-arrows button:focus-visible:not(:disabled){background:#fff;color:#121316;outline:none}

/* Keep collection actions inside the video, clear of the caption below. */
.timeline-section .fragment-collect-action{bottom:39px}
.timeline-section .sequences-section .fragment-thumb .fragment-thumb-meta{min-height:22px}

/* Place the status controls alongside the selected hour. */
.timeline-section .sequences-section .sequence-navigation{display:flex;align-items:center;justify-content:space-between;gap:16px;min-width:0}
.timeline-section .sequence-navigation .legend{display:flex;flex:0 0 auto;align-items:center;justify-content:flex-end;gap:clamp(4px,.7vw,12px);margin:0}
.timeline-section .sequence-navigation .legend button{display:inline-flex;align-items:center;gap:5px;padding:6px 7px;border:0;border-radius:3px;background:transparent;color:#c6c8ca;font-family:Inter,Arial,sans-serif;font-size:clamp(8px,.55vw,12px);font-weight:700;letter-spacing:.06em;white-space:nowrap;cursor:pointer}
.timeline-section .sequence-navigation .legend button:hover,.timeline-section .sequence-navigation .legend button:focus-visible{background:rgba(255,255,255,.14);color:#fff;outline:none}
.timeline-section .sequence-navigation .legend button[aria-pressed="true"]{background:#fff;color:#121316}
.timeline-section .sequence-navigation .legend .dot{width:7px;height:7px;flex:0 0 7px;margin:0}
.timeline-section[data-status-filter="available"] .timeline .clip-segment:not(.available),.timeline-section[data-status-filter="collected"] .timeline .clip-segment:not(.collected),.timeline-section[data-status-filter="upcoming"] .timeline .clip-segment:not(.upcoming){opacity:.17;filter:grayscale(1) brightness(.5)!important}
@media(max-width:700px){.timeline-section .sequences-section .sequence-navigation{flex-wrap:wrap;gap:5px}.timeline-section .sequence-navigation .legend{width:100%;justify-content:flex-end}.timeline-section .sequence-navigation .legend button{font-size:8px;padding:4px}}

/* True status-only film-map view, without residual ticks or separators. */
.timeline-section .sequence-navigation .legend .dot.all{background:#fff}
.timeline-section .sequence-navigation .legend button[data-status="all"][aria-pressed="true"] .dot.all{box-shadow:0 0 0 1px #121316}
.timeline-section[data-status-filter] .timeline .base-tick{visibility:hidden}
.timeline-section[data-status-filter] .timeline::after{display:none}
.timeline-section[data-status-filter] .timeline .hour-hover{display:none!important}
.timeline-section[data-status-filter] .timeline .clip-segment{border-right:0!important}
.timeline-section[data-status-filter="available"] .timeline .clip-segment:not(.available),.timeline-section[data-status-filter="collected"] .timeline .clip-segment:not(.collected),.timeline-section[data-status-filter="upcoming"] .timeline .clip-segment:not(.upcoming){visibility:hidden!important;opacity:0!important}

/* Shared status dots and quieter actions on mosaic artwork. */
.fragment-counter .hero-availability .dot{width:7px;height:7px;margin-right:6px;vertical-align:middle;background:#7cbf88}
.fragment-counter .hero-availability .dot.upcoming{background:#4b4d53}
.timeline-section .sequences-section .fragment-thumb-meta .thumb-star{display:flex;min-width:0;align-items:center;gap:7px}
.timeline-section .sequences-section .fragment-thumb-meta .thumb-star .dot{width:7px;height:7px;flex:0 0 7px;margin:0}
.timeline-section .sequences-section .fragment-thumb-meta .thumb-star .dot.available{background:#7cbf88}
.timeline-section .sequences-section .fragment-thumb-meta .thumb-star .dot.collected{background:#d9ad51}
.timeline-section .sequences-section .fragment-thumb-meta .thumb-star .dot.upcoming{background:#4b4d53}
.timeline-section .fragment-collect-action{right:8px;min-height:clamp(21px,2.2svh,34px);padding:3px 7px;font-size:clamp(8px,.35vw,13px)}

/* Soft 24-hour color cycle behind the hour labels (30% opacity). */
.timeline-section .timeline-hours.hour-selector{background:linear-gradient(90deg,rgba(22,31,78,.3) 0%,rgba(43,40,100,.3) 10%,rgba(104,55,100,.3) 20%,rgba(190,105,70,.3) 28%,rgba(226,166,93,.3) 34%,rgba(218,203,133,.3) 40%,rgba(147,190,199,.3) 48%,rgba(118,173,215,.3) 59%,rgba(193,191,148,.3) 69%,rgba(214,150,88,.3) 77%,rgba(128,75,101,.3) 85%,rgba(47,53,112,.3) 92%,rgba(18,26,70,.3) 100%)}

/* Neutral hour ruler; the exact hovered fragment turns white. */
.timeline-section .timeline-hours.hour-selector{background:none}
.timeline .clip-segment.is-fragment-hovered{background:#fff!important;filter:none!important}
.timeline .clip-segment.is-selected{background:#fff!important;filter:none!important}

/* Side navigation frames the full mosaic. */
.timeline-section .sequences-section .mosaic-stage{flex:1;min-height:0;display:grid;grid-template-columns:34px minmax(0,1fr) 34px;gap:clamp(6px,.8vw,16px);align-items:stretch;margin-top:8px}
.timeline-section .sequences-section .mosaic-stage .fragment-strip{height:100%;min-height:0;margin-top:0}
.timeline-section .sequences-section .mosaic-nav{align-self:center;display:grid;place-items:center;width:34px;height:56px;padding:0;border:0;background:transparent;color:#fff;opacity:.9;cursor:pointer;transition:opacity .18s ease,transform .18s ease}
.timeline-section .sequences-section .mosaic-nav svg{width:24px;height:16px;fill:none;stroke:currentColor;stroke-width:5.4;stroke-linecap:round;stroke-linejoin:round}
.timeline-section .sequences-section .mosaic-nav-previous svg{transform:rotate(90deg)}
.timeline-section .sequences-section .mosaic-nav-next svg{transform:rotate(-90deg)}
.timeline-section .sequences-section .mosaic-nav:hover:not(:disabled){opacity:1;transform:scale(1.12)}
.timeline-section .sequences-section .mosaic-nav:focus-visible{outline:2px solid #fff;outline-offset:2px}
.timeline-section .sequences-section .mosaic-nav:disabled{opacity:.25;cursor:default}
.player-shell::before,.selected-loop-frame::after{display:none!important}
@media(max-width:700px){.timeline-section .sequences-section .mosaic-stage{grid-template-columns:26px minmax(0,1fr) 26px;gap:5px}.timeline-section .sequences-section .mosaic-nav{width:26px}}

/* Align the hour and filters with the artwork, not the side arrows. */
.timeline-section .sequences-section{--mosaic-side:34px;--mosaic-gap:clamp(6px,.8vw,16px)}
.timeline-section .sequences-section .sequence-navigation{margin-inline:calc(var(--mosaic-side) + var(--mosaic-gap))}
.timeline-section .sequences-section .mosaic-stage{grid-template-columns:var(--mosaic-side) minmax(0,1fr) var(--mosaic-side);gap:var(--mosaic-gap);margin-top:clamp(15px,2svh,25px)}
.timeline .clip-segment.is-mosaic-visible{filter:brightness(1.24) saturate(1.3)}
.timeline .clip-segment.is-hour-hovered{filter:brightness(1.42) saturate(1.55)}
@media(max-width:700px){.timeline-section .sequences-section{--mosaic-side:26px;--mosaic-gap:5px}}

/* The hour label follows pointer movement across its timeline fragments. */
.timeline-section .timeline-hours.hour-selector button.is-hour-hovered{background:rgba(255,255,255,.72)!important;color:#121316!important}
.timeline-section .timeline-hours.hour-selector button.active.is-hour-hovered{background:#fff!important}

/* A hovered mosaic video points to its exact position in the film map. */
.timeline .clip-segment.is-thumb-hovered{background:#fff!important;filter:none!important}
.timeline-section[data-status-filter] .timeline .timeline-segments .clip-segment.is-thumb-hovered{visibility:visible!important;opacity:1!important;background:#fff!important;filter:none!important}

/* Quiet unselected fragments without muting active or hovered states. */
.timeline .clip-segment:not(.is-selected):not(.is-fragment-hovered):not(.is-thumb-hovered):not(.is-hour-hovered):not(.is-hour-active):not(.is-mosaic-visible){filter:brightness(.92)}
.timeline .clip-segment.is-mosaic-visible:not(.is-selected):not(.is-fragment-hovered):not(.is-thumb-hovered):not(.is-hour-hovered){filter:brightness(1.55) saturate(1.75)}
.timeline .clip-segment.is-mosaic-visible.is-hour-hovered:not(.is-selected):not(.is-fragment-hovered):not(.is-thumb-hovered){filter:brightness(1.7) saturate(1.9)}

/* Mint is its own full-viewport scene, sharing the site's restrained type and margins. */
.lower-grid{width:100%;max-width:none;height:100svh;min-height:620px;margin:0;padding:clamp(24px,4svh,56px) clamp(20px,4vw,72px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(16px,2.2svh,30px);border:0;background:#101113;overflow:hidden;scroll-margin-top:0}
.lower-grid .sequence-still,.lower-grid .mint-system{order:initial;width:min(100%,1200px);max-width:none}
.lower-grid .sequence-still{flex:0 1 auto;margin:0;padding:0;border:0}
.lower-grid .selected-loop-frame{width:100%;background:#08090b;border-radius:4px;overflow:hidden}
.lower-grid .sequence-still video{display:block;width:100%;height:min(62svh,700px);min-height:0;aspect-ratio:auto;object-fit:cover;border:0}
.lower-grid .selected-loop-progress{height:2px}
.lower-grid .mint-system{display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,.7fr);align-items:end;gap:clamp(22px,4vw,70px);padding:0;border:0;background:transparent}
.lower-grid .mint-selection{min-height:0;padding:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:10px}
.lower-grid .mint-star{font-family:Inter,Arial,sans-serif;font-size:clamp(14px,1.1vw,18px);font-weight:700;letter-spacing:.13em;color:#fff}
.lower-grid .mint-selection .selection-time{margin:0;display:flex;align-items:baseline;justify-content:flex-start;flex-wrap:wrap;gap:clamp(7px,.9vw,15px);font-family:Inter,Arial,sans-serif;font-size:clamp(20px,2.15vw,34px);font-weight:400;letter-spacing:.01em;line-height:1.2;font-variant-numeric:tabular-nums;color:#fff}
.lower-grid .mint-selection .selection-time .arrow{color:#aeb0b1}
.lower-grid .mint-selection .selection-time small{font-family:Inter,Arial,sans-serif;font-size:clamp(10px,.68vw,13px);font-weight:500;letter-spacing:.04em;color:#aeb0b1}
.lower-grid .fragment-card{display:flex;flex-direction:column;align-items:flex-end;gap:10px;min-width:0;padding:0;border:0;background:none}
.lower-grid .fragment-info{display:flex;justify-content:flex-end;gap:clamp(20px,2vw,38px)}
.lower-grid .fragment-info>div{text-align:right}
.lower-grid .fragment-info .label{margin-bottom:5px;font-family:Inter,Arial,sans-serif;font-size:10px;font-weight:500;letter-spacing:.1em;color:#95989a}
.lower-grid .fragment-info strong{font-family:Inter,Arial,sans-serif;font-size:clamp(12px,.9vw,16px);font-weight:600;letter-spacing:.02em;color:#fff}
.lower-grid .mint-ownership{margin:0;font-family:Inter,Arial,sans-serif;font-size:10px;font-weight:500;letter-spacing:.08em;color:#aeb0b1;text-align:right}
.lower-grid .collect-btn,.lower-grid .collect-btn.offer-btn{align-self:flex-end;width:auto;min-width:160px;height:38px;margin:0;padding:0 18px;border:0;border-radius:3px;background:#fff;color:#101113;font-family:Inter,Arial,sans-serif;font-size:11px;font-weight:700;letter-spacing:.07em}
.lower-grid .collect-btn:hover:not(:disabled),.lower-grid .collect-btn.offer-btn:hover:not(:disabled){background:#dfe1e2;color:#101113}
@media(max-width:700px){.lower-grid{height:auto;min-height:100svh;padding:24px 14px 32px;gap:20px;overflow:visible}.lower-grid .sequence-still,.lower-grid .mint-system{width:100%}.lower-grid .sequence-still video{height:auto;aspect-ratio:16/9}.lower-grid .mint-system{grid-template-columns:1fr;gap:18px}.lower-grid .fragment-card{align-items:stretch}.lower-grid .fragment-info{justify-content:space-between}.lower-grid .fragment-info>div{text-align:left}.lower-grid .mint-ownership{text-align:left}.lower-grid .collect-btn,.lower-grid .collect-btn.offer-btn{align-self:stretch;width:100%}}

/* A wider, directly draggable scrubber sits flush with the mint video. */
.lower-grid{gap:clamp(8px,1.2svh,16px)}
.lower-grid .sequence-still video{cursor:pointer}
.lower-grid .sequence-still video:focus-visible{outline:2px solid #fff;outline-offset:-3px}
.lower-grid .selected-loop-frame .selected-loop-progress{position:absolute;left:0;right:0;bottom:0;z-index:5;display:block;width:100%;height:14px;margin:0;padding:0;appearance:none;-webkit-appearance:none;border:0;border-radius:0;background:linear-gradient(to right,rgba(255,255,255,.82) 0 var(--seek-progress,0%),rgba(255,255,255,.25) var(--seek-progress,0%) 100%) left bottom / 100% 4px no-repeat;cursor:pointer;touch-action:none}
.lower-grid .selected-loop-progress::-webkit-slider-runnable-track{height:4px;border-radius:0;background:transparent}
.lower-grid .selected-loop-progress::-moz-range-track{height:4px;border-radius:0;background:transparent}
.lower-grid .selected-loop-progress::-webkit-slider-thumb{width:12px;height:12px;margin-top:-4px;appearance:none;-webkit-appearance:none;border:0;border-radius:50%;background:transparent;box-shadow:none}
.lower-grid .selected-loop-progress::-moz-range-thumb{width:12px;height:12px;border:0;border-radius:50%;background:transparent;box-shadow:none}
.lower-grid .selected-loop-progress:is(:hover,:focus-visible,:active)::-webkit-slider-thumb{background:#fff;box-shadow:0 0 0 2px rgba(0,0,0,.28)}
.lower-grid .selected-loop-progress:is(:hover,:focus-visible,:active)::-moz-range-thumb{background:#fff;box-shadow:0 0 0 2px rgba(0,0,0,.28)}
.lower-grid .selected-loop-progress.is-scrubbing::-webkit-slider-thumb{background:#fff;box-shadow:0 0 0 2px rgba(0,0,0,.28)}
.lower-grid .selected-loop-progress.is-scrubbing::-moz-range-thumb{background:#fff;box-shadow:0 0 0 2px rgba(0,0,0,.28)}
.lower-grid .selected-loop-progress:focus-visible{outline:2px solid #fff;outline-offset:2px}

/* Let the scrubber knob straddle the video's bottom edge, centered on the line. */
.lower-grid .sequence-still,.lower-grid .selected-loop-frame{overflow:visible}
.lower-grid .sequence-still video{border-radius:4px}
.lower-grid .selected-loop-frame .selected-loop-progress{bottom:-7px;background-position:left center}
.lower-grid .selected-loop-progress::-webkit-slider-thumb{cursor:pointer}
.lower-grid .selected-loop-progress::-moz-range-thumb{cursor:pointer}

/* Editorial ending: one restrained type system and four expandable notes. */
.editorial-intro{margin:0;padding:clamp(74px,10svh,130px) clamp(20px,4vw,72px) clamp(90px,12svh,150px);border:0;background:#141518;color:#f2f2f0}
.editorial-head,.editorial-questions{width:min(100%,1200px);margin:0 auto}
.editorial-head{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);column-gap:clamp(48px,8vw,150px);align-items:start}
.editorial-intro .editorial-kicker{margin:0 0 18px;font-family:Inter,Arial,sans-serif;font-size:10px;font-weight:600;letter-spacing:.16em;color:#a8abad}
.editorial-intro #editorialTitle{margin:0;font-family:'Antipasto Regular',Inter,Arial,sans-serif;font-size:clamp(66px,9vw,132px);font-weight:400;line-height:.9;letter-spacing:.035em;white-space:nowrap}
.editorial-intro h3{margin:4px 0 20px;font-family:Inter,Arial,sans-serif;font-size:12px;font-weight:700;letter-spacing:.13em;color:#e9e9e6}
.editorial-intro .editorial-copy{max-width:670px;margin:0;font-family:Inter,Arial,sans-serif;font-size:clamp(14px,1.12vw,17px);font-weight:400;line-height:1.75;letter-spacing:0;color:#b9bbbc}
.editorial-questions{margin-top:clamp(70px,10svh,120px)}
.editorial-question{border-top:1px solid #35373a}
.editorial-question:last-child{border-bottom:0}
.editorial-question summary{display:grid;grid-template-columns:70px minmax(0,1fr) 28px;align-items:center;gap:22px;min-height:93px;list-style:none;cursor:pointer}
.editorial-question summary::-webkit-details-marker{display:none}
.editorial-question summary::marker{content:''}
.editorial-question summary:focus-visible{outline:2px solid #fff;outline-offset:-4px}
.editorial-question .question-number{font-family:Inter,Arial,sans-serif;font-size:12px;font-weight:600;letter-spacing:.08em;color:#929698}
.editorial-question .question-title{font-family:Inter,Arial,sans-serif;font-size:clamp(18px,2vw,27px);font-weight:500;letter-spacing:-.025em;color:#f1f1ef}
.editorial-question .question-toggle{position:relative;width:23px;height:23px;justify-self:end}
.editorial-question .question-toggle::before,.editorial-question .question-toggle::after{content:'';position:absolute;left:50%;top:50%;width:17px;height:1px;background:#e8e9e7;transform:translate(-50%,-50%)}
.editorial-question .question-toggle::after{transform:translate(-50%,-50%) rotate(90deg);transition:transform .2s ease}
.editorial-question[open] .question-toggle::after{transform:translate(-50%,-50%) rotate(0)}
.editorial-question p{max-width:670px;margin:-6px 50px 34px 92px;font-family:Inter,Arial,sans-serif;font-size:clamp(14px,1.12vw,17px);font-weight:400;line-height:1.7;letter-spacing:0;color:#afb2b4}
@media(max-width:800px){.editorial-head{grid-template-columns:1fr;gap:38px}.editorial-intro #editorialTitle{font-size:clamp(64px,13vw,110px)}.editorial-questions{margin-top:62px}}
@media(max-width:600px){.editorial-intro{padding:65px 20px 90px}.editorial-intro #editorialTitle{font-size:clamp(61px,15vw,85px)}.editorial-intro h3{font-size:11px}.editorial-question summary{grid-template-columns:30px minmax(0,1fr) 22px;gap:12px;min-height:82px}.editorial-question .question-number{font-size:10px}.editorial-question .question-title{font-size:18px;line-height:1.3}.editorial-question p{margin:-2px 32px 28px 42px;font-size:14px}}

/* Opaque playback rail and a pointer-following scrub marker. */
.lower-grid .selected-loop-frame .selected-loop-progress{background:linear-gradient(to right,#d2d4d5 0 var(--seek-progress,0%),#45484b var(--seek-progress,0%) 100%) left center / 100% 4px no-repeat}
.lower-grid .selected-loop-frame .selected-loop-progress.is-hovering{background-image:linear-gradient(to right,rgba(255,255,255,.5) 0 var(--seek-progress,0%),#45484b var(--seek-progress,0%) 100%),linear-gradient(to right,#f4f5f5 0 var(--hover-progress,0%),#45484b var(--hover-progress,0%) 100%);background-position:left calc(50% - 1px),left calc(50% + 1px);background-size:100% 2px,100% 2px;background-repeat:no-repeat}
.lower-grid .selected-loop-progress::-webkit-slider-thumb,.lower-grid .selected-loop-progress:is(:hover,:focus-visible,:active).is-scrubbing::-webkit-slider-thumb,.lower-grid .selected-loop-progress:is(:hover,:focus-visible,:active)::-webkit-slider-thumb{background:transparent;box-shadow:none}
.lower-grid .selected-loop-progress::-moz-range-thumb,.lower-grid .selected-loop-progress:is(:hover,:focus-visible,:active).is-scrubbing::-moz-range-thumb,.lower-grid .selected-loop-progress:is(:hover,:focus-visible,:active)::-moz-range-thumb{background:transparent;box-shadow:none}
.lower-grid .selected-loop-cursor{position:absolute;z-index:6;left:var(--cursor-position,0%);bottom:0;width:12px;height:12px;border:0;border-radius:50%;background:#fff;box-shadow:none;transform:translate(-50%,50%);opacity:0;pointer-events:none}
.lower-grid .selected-loop-progress:is(:hover,:focus-visible,.is-scrubbing)+.selected-loop-cursor{opacity:1}

/* Section navigation and editorial structure. */
.topbar{grid-template-columns:minmax(0,1fr) auto;align-items:start}
.topbar .top-nav{display:flex!important;grid-column:auto;order:initial;justify-self:end;justify-content:flex-end;gap:clamp(18px,2.8vw,44px);padding-top:5px}
.topbar .top-nav a{padding:2px 0 8px;color:#d8dadd;font-family:Inter,Arial,sans-serif;font-size:clamp(10px,.8vw,13px);font-weight:600;letter-spacing:.12em;text-decoration:none}
.topbar .top-nav a:hover,.topbar .top-nav a:focus-visible{color:#fff;outline:none}
.topbar .top-nav a:focus-visible{box-shadow:0 2px 0 #fff}
.topbar .top-nav a::after{display:none}
.section-title{margin:0;font-family:Inter,Arial,sans-serif;font-size:clamp(11px,.85vw,14px);font-weight:700;letter-spacing:.18em;line-height:1.2;color:#f1f1ef}
.timeline-section .browse-section-title{flex:0 0 auto;margin:0 0 clamp(13px,2svh,22px)}
.lower-grid .mint-section-title{width:min(100%,1200px);flex:0 0 auto;align-self:center}
.lower-grid .sequence-still video{height:min(58svh,660px)}
.editorial-intro .editorial-section-title{width:min(100%,1200px);margin:0 auto clamp(55px,7svh,90px)}
.editorial-themes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(25px,4vw,65px);width:min(100%,1200px);margin:clamp(75px,11svh,135px) auto 0}
.editorial-themes article{min-width:0}
.editorial-intro .editorial-themes h3{margin:0 0 18px;font-family:Inter,Arial,sans-serif;font-size:11px;font-weight:700;letter-spacing:.12em;color:#f0f1f0}
.editorial-themes p{max-width:370px;margin:0;font-family:Inter,Arial,sans-serif;font-size:clamp(14px,1.06vw,16px);font-weight:400;line-height:1.75;letter-spacing:0;color:#aeb1b3}
.editorial-questions{margin-top:clamp(85px,11svh,140px)}
.editorial-question summary{grid-template-columns:minmax(0,1fr) 28px;gap:24px}
.editorial-question p{margin-left:0}
@media(max-width:800px){.editorial-themes{grid-template-columns:1fr;gap:36px;margin-top:70px}.editorial-themes p{max-width:670px}.editorial-intro .editorial-section-title{margin-bottom:44px}}
@media(max-width:700px){.topbar .top-nav{gap:14px;padding-top:2px}.topbar .top-nav a{font-size:9px;letter-spacing:.07em}.timeline-section .browse-section-title{margin-bottom:12px}.lower-grid .mint-section-title{margin-bottom:4px}.lower-grid .sequence-still video{height:auto}.editorial-question summary{grid-template-columns:minmax(0,1fr) 22px}.editorial-question p{margin-left:0}}

/* Match the breathing room above BROWSE with the space below its mosaic. */
.timeline-section{padding-bottom:clamp(22px,3svh,40px)}

/* Quieter identity and timeframe beneath the collection video. */
.lower-grid .mint-star{font-size:clamp(12px,.9vw,15px)}
.lower-grid .mint-selection .selection-time{font-size:clamp(17px,1.7vw,27px)}

/* Two precisely aligned metadata lines beneath the collection video. */
.lower-grid .mint-selection{width:min(100%,390px);min-width:0;gap:2px}
.lower-grid .mint-identity{display:flex;width:100%;flex-direction:column;align-items:flex-start;gap:3px}
.lower-grid .mint-file-details{display:flex;align-items:baseline;justify-content:flex-end;gap:clamp(8px,1vw,16px);white-space:nowrap;font-family:Inter,Arial,sans-serif;font-size:clamp(10px,.75vw,12px);font-weight:600;letter-spacing:.035em;color:#bfc1c2}
.lower-grid .mint-selection .mint-time{display:grid;width:100%;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:baseline;gap:8px;white-space:nowrap}
.lower-grid .mint-time #selectionStart{justify-self:start}
.lower-grid .mint-time .arrow{justify-self:center}
.lower-grid .mint-time #selectionEnd{justify-self:end}
@media(max-width:700px){.lower-grid .mint-file-details{font-size:10px;gap:7px}.lower-grid .mint-selection .mint-time{font-size:clamp(15px,4vw,21px)}}

/* Keep the source's widescreen proportions, and make the time range read as one compact phrase. */
.lower-grid .sequence-still{width:min(100%,1200px,calc(58svh * 16 / 9))}
.lower-grid .sequence-still video{width:100%;height:auto;aspect-ratio:16/9;object-fit:contain}
.lower-grid .mint-selection .mint-time{display:flex;width:max-content;max-width:100%;align-items:baseline;justify-content:flex-start;flex-wrap:nowrap;gap:0}
.lower-grid .mint-time .arrow{margin-inline:.28em}
@media(max-width:700px){.lower-grid .sequence-still{width:100%}}

/* Collection metadata shares the video width: film details left, purchase details right. */
.lower-grid .mint-system{width:min(100%,1200px,calc(58svh * 16 / 9));display:grid;grid-template-columns:minmax(0,1fr) max-content;align-items:start;gap:clamp(24px,4vw,56px)}
.lower-grid .mint-section-title{width:min(100%,1200px,calc(58svh * 16 / 9));margin-inline:auto}
.lower-grid .mint-selection{width:100%;align-items:flex-start;gap:7px}
.lower-grid .mint-identity{gap:5px}
.lower-grid .mint-file-details{gap:12px}
.lower-grid .mint-selection .mint-time{align-self:flex-start}
.lower-grid .fragment-card{align-self:start;align-items:flex-end;gap:12px}
.lower-grid .fragment-info{display:grid;grid-template-columns:max-content max-content;justify-content:end;gap:24px}
.lower-grid .fragment-info>div{text-align:left}
.lower-grid .fragment-info strong{white-space:nowrap}
@media(max-width:700px){.lower-grid .mint-system,.lower-grid .mint-section-title{width:100%}.lower-grid .mint-system{grid-template-columns:1fr;gap:24px}.lower-grid .fragment-card{align-self:stretch;align-items:flex-start}.lower-grid .fragment-info{justify-content:start}.lower-grid .mint-ownership{text-align:left}.lower-grid .collect-btn,.lower-grid .collect-btn.offer-btn{align-self:flex-start;width:auto}}

/* ABOUT is a single, quiet page: film statement and four direct questions. */
.editorial-intro{min-height:100svh;height:100svh;display:flex;flex-direction:column;justify-content:center;gap:clamp(35px,5svh,64px);padding:clamp(36px,6svh,72px) clamp(20px,4vw,72px);overflow:hidden}
.editorial-head,.editorial-questions{width:100%;max-width:1000px;min-width:0}
.editorial-head{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);column-gap:clamp(24px,5vw,80px)}
.editorial-statement{min-width:0;max-width:100%}
.editorial-intro #editorialTitle{font-size:clamp(60px,8vw,112px)}
.editorial-intro .editorial-copy{max-width:100%;font-size:clamp(13px,1vw,16px);line-height:1.6}
.editorial-questions{margin:0 auto}
.editorial-question summary{min-height:clamp(52px,7svh,70px)}
.editorial-question .question-title{font-size:clamp(16px,1.5vw,21px);font-weight:500}
.editorial-question p{max-width:760px;margin:0 40px 17px 0;font-size:clamp(12px,.95vw,15px);line-height:1.55}
@media(max-width:800px){.editorial-intro{height:auto;min-height:100svh;overflow:visible;gap:40px}.editorial-head{grid-template-columns:1fr;gap:26px}}
@media(max-width:600px){.editorial-intro{padding:52px 20px 62px}.editorial-intro #editorialTitle{font-size:clamp(60px,15vw,85px)}.editorial-question summary{min-height:60px}.editorial-question .question-title{font-size:17px}.editorial-question p{margin:0 26px 18px 0;font-size:13px}}

/* Final page and a return cue matching the hero's downward arrow. */
.editorial-intro{position:relative;background:#000}
.about-return{position:absolute;left:50%;bottom:clamp(18px,3svh,30px);transform:translateX(-50%);width:38px;height:35px;display:grid;place-items:center;color:#fff;opacity:.88;transition:opacity .2s ease,transform .2s ease}
.about-return:hover{opacity:1;transform:translate(-50%,-3px)}
.about-return:focus-visible{outline:2px solid #fff;outline-offset:4px}
.about-return svg{width:24px;height:16px;fill:none;stroke:currentColor;stroke-width:5.4;stroke-linecap:round;stroke-linejoin:round;transform:rotate(180deg)}

/* Longer film statement, balanced against the title without losing the one-screen baseline. */
.editorial-intro{height:auto;min-height:100svh;overflow:visible}
.editorial-head{align-items:center}
.editorial-intro .editorial-kicker{margin-bottom:7px}
.editorial-intro .editorial-statement h3{margin-bottom:13px}
.editorial-intro .editorial-copy{font-size:clamp(12px,.93vw,15px);line-height:1.48}
.editorial-intro .editorial-copy + .editorial-copy{margin-top:11px}

/* Airier two-column statement, with black continuing through the very bottom of the page. */
main{padding-bottom:0}
.editorial-head{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:clamp(70px,8vw,110px)}
.editorial-intro .editorial-copy{font-size:clamp(11px,.82vw,13px);line-height:1.52;text-align:justify;text-justify:inter-word}
.editorial-intro .editorial-copy + .editorial-copy{margin-top:15px}
@media(max-width:800px){.editorial-head{grid-template-columns:1fr;row-gap:32px}.editorial-intro .editorial-copy{font-size:12px}}

/* The two editorial columns now carry equal-sized typographic blocks. */
.editorial-head{align-items:stretch}
.editorial-title-block,.editorial-statement{min-height:clamp(125px,12vw,170px);display:flex;flex-direction:column;justify-content:center}
.editorial-tagline{max-width:100%;margin:0;font-family:'Segoe UI Light','Segoe UI',Inter,Arial,sans-serif;font-size:clamp(23px,2.3vw,31px);font-weight:300;line-height:1.13;letter-spacing:-.025em;color:#f1f1ef}
@media(max-width:800px){.editorial-title-block,.editorial-statement{min-height:0}.editorial-tagline{font-size:clamp(23px,4vw,31px)}}

/* File metadata sits lightly on the star-name baseline. */
.lower-grid .mint-identity{flex-direction:row;align-items:baseline;justify-content:flex-start;flex-wrap:wrap;column-gap:clamp(16px,2.2vw,30px);row-gap:4px}
.lower-grid .mint-selection{width:max-content;max-width:100%}
.lower-grid .mint-file-details{font-size:clamp(9px,.65vw,10px);font-weight:400}
.lower-grid .mint-selection .mint-time{align-self:flex-end}

/* The file size and final second terminate on exactly the same right edge. */
.lower-grid .mint-identity{width:100%}
.lower-grid .mint-file-details{margin-left:auto;font-variant-numeric:tabular-nums}
.lower-grid .mint-selection .mint-time{width:100%;justify-content:flex-end}

/* A compact two-line file label balances the star and ends at the timeframe's right edge. */
.lower-grid .mint-identity{align-items:center}
.lower-grid .mint-star{font-size:clamp(15px,1vw,18px);line-height:1.2}
.lower-grid .mint-file-details{flex-direction:column;align-items:flex-end;justify-content:center;gap:2px;font-size:8px;line-height:1;letter-spacing:.04em}
.lower-grid .mint-file-formats{display:flex;align-items:center;gap:4px}
.lower-grid .mint-format-pill{display:inline-block;padding:2px 4px;border-radius:1px;background:#f1f1ef;color:#101113;font-weight:500}

/* Softer hour selection, a light browse timeframe, and finer collection numerals. */
.timeline-section .timeline-hours.hour-selector button{border-radius:3px}
.timeline-section .sequence-position #currentHourLabel{display:inline-block;padding:5px 8px;border:1px solid rgba(255,255,255,.72);border-radius:3px;background:#f1f1ef;color:#101113;font-weight:300;letter-spacing:.005em}
.lower-grid .mint-selection .mint-time{font-family:'Segoe UI Light','Segoe UI',Inter,Arial,sans-serif;font-weight:300;color:#fff}

/* Refinements to the collection file label and playback rail. */
.editorial-intro .editorial-kicker{font-weight:400}
.lower-grid .mint-selection .mint-time{font-family:'Segoe UI',Inter,Arial,sans-serif;font-weight:700}
.lower-grid .mint-file-details{align-items:stretch;font-size:9px}
.lower-grid .mint-file-details #selectionDuration{display:block;width:100%;text-align:justify;text-align-last:justify;letter-spacing:0}
.lower-grid .mint-file-formats{justify-content:space-between}
.lower-grid .mint-format-pill{padding:1px 3px}
.lower-grid .selected-loop-frame .selected-loop-progress.is-hovering{background-image:linear-gradient(to right,rgba(0,0,0,.45) 0 var(--seek-progress,0%),transparent var(--seek-progress,0%) 100%),linear-gradient(to right,#f4f5f5 0 var(--hover-progress,0%),#45484b var(--hover-progress,0%) 100%);background-position:left center,left center;background-size:100% 4px,100% 4px;background-repeat:no-repeat}

/* Two equal information columns below the film, and one clear hover color on the rail. */
.lower-grid .mint-system{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:clamp(24px,4vw,48px)}
.lower-grid .mint-selection{width:100%;max-width:none;align-items:stretch;justify-content:flex-start}
.lower-grid .mint-identity{justify-content:space-between;flex-wrap:nowrap;gap:12px}
.lower-grid .mint-selection .mint-time{width:100%;justify-content:flex-start;font-family:Inter,Arial,sans-serif;font-size:clamp(22px,2.15vw,36px);font-weight:400;letter-spacing:.02em;line-height:1.1;font-variant-numeric:tabular-nums;color:#fff}
.lower-grid .fragment-card{width:100%;align-items:stretch}
.lower-grid .fragment-info{width:100%;grid-template-columns:repeat(2,minmax(0,1fr));justify-content:stretch;gap:16px}
.lower-grid .mint-ownership{text-align:left}
.lower-grid .collect-btn,.lower-grid .collect-btn.offer-btn{align-self:stretch;width:100%}
.lower-grid .selected-loop-frame .selected-loop-progress.is-hovering{background:linear-gradient(to right,#fff 0 var(--hover-progress,0%),#45484b var(--hover-progress,0%) 100%) left center / 100% 4px no-repeat}
@media(max-width:700px){.lower-grid .mint-system{grid-template-columns:1fr;gap:22px}.lower-grid .mint-selection .mint-time{font-size:clamp(19px,4vw,24px)}}

/* Two balanced edge-aligned blocks with deliberate negative space between them. */
.lower-grid .mint-system{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(74px,10vw,140px)}
.lower-grid .mint-selection{justify-self:start}
.lower-grid .fragment-card{justify-self:end}

/* The translucent hover fill leaves the advancing playback fill visible underneath. */
.lower-grid .selected-loop-frame .selected-loop-progress.is-hovering{background-image:linear-gradient(to right,rgba(255,255,255,.84) 0 var(--hover-progress,0%),transparent var(--hover-progress,0%) 100%),linear-gradient(to right,#c3c6c8 0 var(--seek-progress,0%),transparent var(--seek-progress,0%) 100%),linear-gradient(#45484b,#45484b);background-position:left center,left center,left center;background-size:100% 4px,100% 4px,100% 4px;background-repeat:no-repeat}
@media(max-width:700px){.lower-grid .mint-system{grid-template-columns:1fr;row-gap:22px}.lower-grid .fragment-card{justify-self:stretch}}

/* Equal-size information areas anchored to the film edges, with a generous center void. */
.lower-grid .mint-system{grid-template-columns:repeat(2,minmax(0,36%));justify-content:space-between;column-gap:0;align-items:stretch}
.lower-grid .mint-selection,.lower-grid .fragment-card{width:100%;min-height:86px;align-self:stretch}
.lower-grid .mint-selection .mint-time{font-size:clamp(18px,2vw,30px)}

/* Keep playback visible beneath the preview, with the preview at 50% opacity. */
.lower-grid .selected-loop-frame .selected-loop-progress.is-hovering{background-image:linear-gradient(to right,rgba(255,255,255,.5) 0 var(--hover-progress,0%),transparent var(--hover-progress,0%) 100%),linear-gradient(to right,#c3c6c8 0 var(--seek-progress,0%),transparent var(--seek-progress,0%) 100%),linear-gradient(#45484b,#45484b)}
@media(max-width:700px){.lower-grid .mint-system{grid-template-columns:1fr;justify-content:stretch;row-gap:22px}.lower-grid .mint-selection,.lower-grid .fragment-card{min-height:0}}

/* The metadata columns share one footprint; their last lines share a baseline. */
.lower-grid .mint-system{grid-template-columns:repeat(2,minmax(0,33%))}
.lower-grid .mint-selection,.lower-grid .fragment-card{min-height:94px}
.lower-grid .mint-selection{justify-content:space-between}
.lower-grid .mint-selection .mint-time{width:100%;margin-top:auto;font-size:clamp(17px,1.7vw,27px);justify-content:flex-start}
.lower-grid .mint-file-details{align-self:flex-end;margin-left:auto}
.lower-grid .fragment-card{justify-content:space-between}
.lower-grid .collect-btn,.lower-grid .collect-btn.offer-btn{margin-top:auto}

/* A persistent playback boundary remains legible while the 50% seek preview is shown. */
.lower-grid .selected-loop-frame .selected-loop-progress.is-hovering{background-image:linear-gradient(to right,rgba(255,255,255,.5) 0 var(--hover-progress,0%),transparent var(--hover-progress,0%) 100%),linear-gradient(to right,#dfe1e2 0 var(--seek-progress,0%),transparent var(--seek-progress,0%) 100%),linear-gradient(#45484b,#45484b)}
.lower-grid .selected-loop-playhead{position:absolute;z-index:6;left:var(--seek-progress,0%);bottom:-2px;width:2px;height:4px;background:#f2f3f3;box-shadow:1px 0 0 #45484b;transform:translateX(-50%);opacity:0;pointer-events:none}
.lower-grid .selected-loop-progress.is-hovering~.selected-loop-playhead{opacity:1}
/* Only the pointer preview doubles to 8px; playback and its rail remain 4px. */
.lower-grid .selected-loop-frame .selected-loop-progress.is-hovering{background-image:linear-gradient(to right,#fff 0 var(--hover-progress,0%),transparent var(--hover-progress,0%) 100%),linear-gradient(to right,#dfe1e2 0 var(--seek-progress,0%),transparent var(--seek-progress,0%) 100%),linear-gradient(#45484b,#45484b);background-position:left center,left center,left center;background-size:100% 7px,100% 4px,100% 4px;background-repeat:no-repeat}
.lower-grid .selected-loop-playhead{display:none}
@media(max-width:700px){.lower-grid .mint-system{grid-template-columns:1fr}.lower-grid .mint-selection,.lower-grid .fragment-card{min-height:0}}

.lower-grid .mint-selection .mint-time{font-size:clamp(19px,1.85vw,28px)}

/* Browse shows the exact hour in the same typography as the film clock. */
.timeline-section .sequence-position #currentHourLabel{padding:6px 10px;border:0;border-radius:3px;background:#f1f1ef;color:#101113;font-family:Inter,Arial,sans-serif;font-size:clamp(22px,2.15vw,36px);font-weight:400;letter-spacing:.02em;line-height:1.1;font-variant-numeric:tabular-nums}

/* Compact the film metadata into two close-set lines, balanced against the action card. */
.lower-grid .mint-selection{justify-content:flex-end;gap:9px}
.lower-grid .mint-selection .mint-time{margin-top:0}
.lower-grid .mint-identity{align-items:baseline;gap:8px}
.lower-grid .mint-file-details{display:flex;flex-direction:row;align-items:baseline;justify-content:flex-end;gap:6px;margin-left:auto;font-size:9px;line-height:1;white-space:nowrap}
.lower-grid .mint-file-details #selectionDuration{display:inline;width:auto;text-align:right;text-align-last:auto}
.lower-grid .mint-file-formats{align-items:baseline;justify-content:flex-end;gap:3px}
@media(max-width:700px){.timeline-section .sequence-position #currentHourLabel{font-size:22px}.lower-grid .mint-selection{gap:8px}.lower-grid .mint-file-details{font-size:8px}}

/* Collect follows the supplied editorial lockup: a strong star, compact file details, and a second-row timeframe. */
.lower-grid .mint-selection{justify-content:flex-start;gap:clamp(10px,1vw,16px)}
.lower-grid .mint-identity{align-items:center;justify-content:space-between;gap:8px}
.lower-grid .mint-star{font-size:clamp(25px,2.7vw,48px);font-weight:700;line-height:1;letter-spacing:.045em;white-space:nowrap}
.lower-grid .mint-file-details{flex-direction:column;align-items:flex-end;justify-content:center;gap:4px;margin-left:auto;font-size:clamp(8px,.7vw,11px);line-height:1;letter-spacing:.04em}
.lower-grid .mint-file-details #selectionDuration{width:100%;text-align:right}
.lower-grid .mint-file-formats{justify-content:flex-end;gap:4px}
.lower-grid .mint-selection .mint-time{font-size:clamp(19px,1.85vw,28px);line-height:1.1;white-space:nowrap}
.lower-grid .fragment-card{justify-content:flex-start;gap:0}
.lower-grid .fragment-info{margin-bottom:0}
.lower-grid .collect-btn,.lower-grid .collect-btn.offer-btn{margin-top:auto}
.lower-grid .mint-system:has(.mint-ownership:not([hidden])) .mint-selection{gap:clamp(18px,2vw,28px)}
@media(max-width:700px){.lower-grid .mint-selection{gap:9px}.lower-grid .mint-star{font-size:clamp(22px,6vw,32px)}.lower-grid .mint-file-details{font-size:8px}.lower-grid .mint-system:has(.mint-ownership:not([hidden])) .mint-selection{gap:14px}}

/* A shared right edge for the metadata and the final second, even with a long star name. */
.lower-grid .mint-identity{display:grid;grid-template-columns:minmax(0,1fr) max-content;width:100%;align-items:center;column-gap:6px}
.lower-grid .mint-star{min-width:0}
.lower-grid .mint-star.is-long{font-size:clamp(19px,1.8vw,32px);letter-spacing:.015em}
.lower-grid .mint-file-details{grid-column:2;justify-self:end;margin:0}
.lower-grid .mint-selection .mint-time{display:grid;grid-template-columns:max-content minmax(0,1fr) max-content;width:100%;max-width:none;align-items:baseline;justify-content:stretch;gap:0}
.lower-grid .mint-time #selectionStart{justify-self:start}
.lower-grid .mint-time .arrow{justify-self:center;margin:0}
.lower-grid .mint-time #selectionEnd{justify-self:end}
@media(max-width:700px){.lower-grid .mint-star.is-long{font-size:clamp(17px,4vw,23px)}}

/* The Browse timeframe is plain white type, without a white badge. */
.timeline-section .sequence-position #currentHourLabel{padding:0;border:0;background:transparent;color:#fff}

/* Compact clock-like range, kept flush with the file-details edge. */
.lower-grid .mint-system{overflow:visible}
.lower-grid .mint-star{line-height:1.17}
.lower-grid .mint-selection .mint-time{font-size:clamp(21px,2vw,30px);letter-spacing:-.01em}
.lower-grid .mint-time .arrow{margin:0}
@media(max-width:700px){.lower-grid .mint-selection{width:min(100%,300px)}.lower-grid .mint-selection .mint-time{font-size:clamp(19px,4.2vw,24px)}}

/* A larger, tightly set range; the left column grows just enough to contain it. */
.lower-grid .mint-system{grid-template-columns:minmax(0,39%) minmax(0,33%)}
.lower-grid .mint-selection .mint-time{display:flex;align-items:baseline;justify-content:space-between;font-size:clamp(27px,2.5vw,36px);letter-spacing:-.015em}
.lower-grid .mint-time .arrow{flex:0 0 auto;margin:0 .15em}
@media(max-width:700px){.lower-grid .mint-system{grid-template-columns:1fr}.lower-grid .mint-selection{width:min(100%,350px)}.lower-grid .mint-selection .mint-time{font-size:clamp(23px,5vw,30px)}}

/* Cap the left lockup to the natural width of the larger numerals. */
.lower-grid .mint-selection{width:min(100%,clamp(277px,21.9vw,364px))}
.lower-grid .mint-selection .mint-time{font-size:clamp(26px,2.05vw,34px)}
@media(max-width:700px){.lower-grid .mint-selection{width:min(100%,350px)}.lower-grid .mint-selection .mint-time{font-size:clamp(23px,5vw,30px)}}

/* Let the compact range itself define the width shared with its metadata. */
.lower-grid .mint-selection{width:max-content;max-width:100%}
.lower-grid .mint-selection .mint-time{width:max-content;max-width:100%;justify-content:flex-start}
.lower-grid .mint-time .arrow{margin:0 .15em}
@media(max-width:700px){.lower-grid .mint-selection{width:max-content;max-width:100%}}

/* Collect shares the pure-black backdrop of About. */
.lower-grid{background:#000}

/* Long-form film essay inside the first About disclosure. */
.editorial-intro .flow-essay{padding:10px 0 32px}
.editorial-intro .flow-essay-chapter{display:grid;grid-template-columns:minmax(170px,235px) minmax(0,1fr);column-gap:clamp(28px,5vw,72px);padding:clamp(24px,3.5vw,42px) 0;border-top:1px solid #252629}
.editorial-intro .flow-essay-chapter:first-child{border-top:0}
.editorial-intro .flow-essay-chapter h3{max-width:220px;margin:2px 0 0;font-family:Inter,Arial,sans-serif;font-size:clamp(10px,.8vw,12px);font-weight:700;line-height:1.5;letter-spacing:.13em;color:#f0f1ef}
.editorial-intro .flow-essay-chapter p{max-width:690px;margin:0;font-family:Inter,Arial,sans-serif;font-size:clamp(14px,1.05vw,16px);font-weight:400;line-height:1.72;letter-spacing:0;color:#bfc2c3;text-align:left}
.editorial-intro:has(.editorial-question[open] .flow-essay){justify-content:flex-start;padding-bottom:clamp(110px,12svh,150px)}
@media(max-width:750px){.editorial-intro .flow-essay{padding-bottom:48px}.editorial-intro .flow-essay-chapter{grid-template-columns:1fr;row-gap:12px;padding:28px 0}.editorial-intro .flow-essay-chapter h3{max-width:none;font-size:11px}.editorial-intro .flow-essay-chapter p{font-size:14px;line-height:1.65}}

/* Medium-gray file badges sit on the same lower edge as the star title. */
.lower-grid .mint-identity{align-items:end}
.lower-grid .mint-file-details{align-self:end;justify-content:flex-end}
.lower-grid .mint-format-pill{background:#898c90;color:#101113}

/* Optical alignment: raise the file labels to the visible baseline of the star glyphs. */
.lower-grid .mint-file-details{transform:translateY(-7px)}
.lower-grid .mint-file-details #selectionDuration{color:#fff;font-weight:700}
@media(max-width:700px){.lower-grid .mint-file-details{transform:translateY(-5px)}}

/* Status owns its collector line; the ETH amount lands on that same lower edge. */
.lower-grid .fragment-info{align-items:end}
.lower-grid .fragment-info>div{min-width:0}
.lower-grid .fragment-info .mint-ownership{margin:8px 0 0;white-space:nowrap;text-align:left}
.lower-grid .fragment-info #ethPrice{font-size:clamp(16px,1.3vw,20px);font-weight:600;letter-spacing:0;line-height:1.1}
.lower-grid .mint-system{grid-template-columns:minmax(0,39%) minmax(0,38%)}
.lower-grid .fragment-info{grid-template-columns:minmax(0,1fr) max-content}
@media(max-width:700px){.lower-grid .mint-system{grid-template-columns:1fr}}

/* Neutral fallback shown before video frames are available. */
.player-shell,
.film,
.selected-loop-frame,
.selected-loop-frame video{
  background:#101113;
}

/* Empty Browse slots retain the mosaic rhythm without suggesting playable content. */
.timeline-section .sequences-section .fragment-placeholder{pointer-events:none}
.timeline-section .fragment-placeholder-visual{display:block;flex:1;min-height:0;border-radius:5px;background:rgba(255,255,255,.035)}
.timeline-section .fragment-placeholder-meta{display:block;flex:0 0 24px;width:100%;margin-top:9px;border-radius:3px;background:rgba(255,255,255,.035)}

/* In Browse, the timeframe belongs to the image; the collection action belongs to its caption. */
.timeline-section .fragment-video-time{position:absolute;right:9px;bottom:8px;z-index:2;color:#fff;font-family:Inter,Arial,sans-serif;font-size:clamp(9px,.58vw,13px);font-weight:400;letter-spacing:.01em;white-space:nowrap;font-variant-numeric:tabular-nums;text-shadow:0 1px 6px #000,0 1px 12px #000;pointer-events:none}
.timeline-section .sequences-section .fragment-thumb .fragment-thumb-meta{min-height:24px}
.timeline-section .fragment-thumb-meta .fragment-collect-action{position:static;right:auto;bottom:auto;z-index:auto;justify-self:end;min-height:22px;margin-left:auto;padding:3px 8px;font-size:clamp(8px,.4vw,12px);line-height:1.2;white-space:nowrap}

/* Collect's masthead follows the exact width of its widescreen film frame. */
.lower-grid .collect-heading{order:initial;width:min(100%,1200px,calc(58svh * 16 / 9));margin:0}
.lower-grid .collect-heading h2{margin:0;color:#fff;font-family:'Antipasto Regular',Inter,Arial,sans-serif;font-size:36px;font-weight:400;line-height:1;letter-spacing:.18em;white-space:nowrap}
@media(max-width:700px){.lower-grid .collect-heading{width:100%}.lower-grid .collect-heading h2{font-size:25px}}

/* Browse: align the 24-hour strip with the artwork and leave more air above it. */
.timeline-section{--browse-side:34px;--browse-gap:clamp(6px,.8vw,16px);padding-top:clamp(58px,9svh,112px);padding-bottom:clamp(15px,2.4svh,30px)}
.timeline-section .timeline,.timeline-section .timeline-hours.hour-selector{margin-inline:calc(var(--browse-side) + var(--browse-gap))}
.timeline-section .timeline-hours.hour-selector button{background:transparent}
.timeline-section .sequences-section .mosaic-stage{margin-top:clamp(10px,1.4svh,18px)}
.timeline-section .browse-next-cue{flex:0 0 34px;align-self:center;display:grid;place-items:center;width:38px;height:34px;margin-top:clamp(6px,1.3svh,14px);color:#fff;opacity:.88;transition:opacity .2s ease,transform .2s ease}
.timeline-section .browse-next-cue:hover{opacity:1;transform:translateY(3px)}
.timeline-section .browse-next-cue:focus-visible{outline:2px solid #fff;outline-offset:3px}
.timeline-section .browse-next-cue svg{width:24px;height:16px;fill:none;stroke:currentColor;stroke-width:5.4;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:700px){.timeline-section{--browse-side:26px;--browse-gap:5px;padding-top:clamp(32px,5svh,60px);padding-bottom:18px}.timeline-section .browse-next-cue{margin-top:8px}}

/* Reference composition: the selected hour and filters lead, then the full film map. */
.timeline-section>.sequence-navigation{display:flex;flex:0 0 auto;align-items:baseline;justify-content:space-between;gap:20px;min-width:0;margin-inline:calc(var(--browse-side) + var(--browse-gap))}
.timeline-section>.sequence-navigation .sequence-position{display:flex;align-items:baseline;gap:clamp(9px,1vw,18px);min-width:0}
.timeline-section>.sequence-navigation #currentHourLabel{padding:0;border:0;border-radius:0;background:transparent;color:#fff;font-family:Inter,Arial,sans-serif;font-size:clamp(26px,2.6vw,46px);font-weight:700;letter-spacing:-.025em;line-height:1.1;white-space:nowrap;font-variant-numeric:tabular-nums}
.timeline-section>.sequence-navigation #sequencePageLabel{display:inline;color:#aeb0b3;font-family:Inter,Arial,sans-serif;font-size:clamp(16px,1.6vw,28px);font-weight:300;letter-spacing:.005em;white-space:nowrap}
.timeline-section .timeline{margin-top:clamp(18px,2.5svh,30px)}
.timeline-section .sequences-section{padding-top:clamp(18px,3svh,34px)}
@media(max-width:700px){.timeline-section>.sequence-navigation{flex-wrap:wrap;gap:7px}.timeline-section>.sequence-navigation #currentHourLabel{font-size:clamp(21px,5.7vw,29px)}.timeline-section>.sequence-navigation #sequencePageLabel{font-size:14px}.timeline-section>.sequence-navigation .legend{justify-content:flex-start}.timeline-section .timeline{margin-top:14px}.timeline-section .sequences-section{padding-top:12px}}

/* Fine separators preserve each fragment's duration without dominating the map. */
.timeline-section .timeline .base-tick{display:none}
.timeline-section .timeline .clip-segment{border-right:1px solid #151619!important}

/* Static film still on timeline hover. */
.timeline-section .timeline-preview{bottom:calc(100% + 10px);width:clamp(112px,10vw,148px);padding:4px;border:0;border-radius:4px;background:#17181b;box-shadow:0 12px 30px rgba(0,0,0,.6)}
.timeline-section .timeline-preview-copy{gap:5px;padding:5px 2px 1px}
.timeline-section .timeline-preview-copy strong{font-family:Inter,Arial,sans-serif;font-size:9px;letter-spacing:0}
.timeline-section .timeline-preview-copy span{font-size:7px;letter-spacing:.04em}
.timeline-section .timeline-preview-placeholder{display:block;width:100%;aspect-ratio:16/9;background:#292a2d}
.timeline-section .timeline-preview-placeholder[hidden],.timeline-section .timeline-preview video[hidden]{display:none}

/* The hourly band is one continuous block with the fragments above it. */
.timeline-section .timeline{margin-bottom:0}
.timeline-section .timeline-hours.hour-selector{margin-top:0}
.timeline-section .timeline-hours.hour-selector button{background:#222326;color:#bfc0c2}
.timeline-section .timeline-hours.hour-selector button:hover,.timeline-section .timeline-hours.hour-selector button:focus-visible{background:#34363a;color:#fff}

/* Equal top and bottom breathing room; the downward cue sits inside the lower margin. */
.timeline-section{--browse-edge:clamp(58px,9svh,112px);padding-top:var(--browse-edge);padding-bottom:var(--browse-edge)}
.timeline-section .browse-next-cue{position:absolute;left:50%;bottom:calc((var(--browse-edge) - 34px)/2);margin:0;transform:translateX(-50%)}
.timeline-section .browse-next-cue:hover{transform:translate(-50%,3px)}
@media(max-width:700px){.timeline-section{--browse-edge:clamp(48px,7svh,72px)}.timeline-section .browse-next-cue{margin:0}}

/* WATCH: compact double-chevron sequence controls; progress stays read-only. */
.player-shell .watch-nav{position:absolute;top:50%;z-index:5;display:grid;place-items:center;width:clamp(25px,2.6vw,36px);height:42px;padding:0;border:0;background:transparent;color:#fff;opacity:.82;cursor:pointer;transform:translateY(-50%);transition:opacity .18s ease,scale .18s ease}
.player-shell .watch-nav-previous{left:clamp(12px,2.3vw,42px)}
.player-shell .watch-nav-next{right:clamp(12px,2.3vw,42px)}
.player-shell .watch-nav span,.timeline-section .sequences-section .mosaic-nav span{display:block;font-family:Inter,Arial,sans-serif;font-size:27px;font-weight:200;letter-spacing:-.22em;line-height:1;text-shadow:0 1px 4px #000}
.player-shell .watch-nav:hover{opacity:1;scale:1.12}
.player-shell .watch-nav:focus-visible{outline:2px solid #fff;outline-offset:2px}
.fragment-counter .hero-sequence-progress{height:2px;cursor:default;pointer-events:none}
@media(max-width:700px){.player-shell .watch-nav{width:25px;height:38px}.player-shell .watch-nav span,.timeline-section .sequences-section .mosaic-nav span{font-size:22px}}

/* Empty Browse cells are unreleased fragments, not unlabelled content. */
.timeline-section .fragment-placeholder-meta{display:flex;align-items:center;gap:8px;padding:0 9px;color:#77797d;font-family:Inter,Arial,sans-serif;font-size:10px;font-weight:700;letter-spacing:.04em}
.timeline-section .fragment-placeholder-meta .dot{flex:0 0 7px;width:7px;height:7px;margin:0;background:#55575b}

/* A tighter reading rhythm for the About essay. */
.editorial-intro .flow-essay-chapter{padding:clamp(17px,2.2vw,26px) 0}
.editorial-intro .flow-essay-chapter p{line-height:1.58}
@media(max-width:750px){.editorial-intro .flow-essay-chapter{padding:20px 0}}

/* COLLECT hands off to ABOUT with the same bottom cue as BROWSE. */
.lower-grid{position:relative}
.lower-grid .collect-next-cue{position:absolute;left:50%;bottom:clamp(16px,3svh,28px);display:grid;place-items:center;width:38px;height:34px;transform:translateX(-50%);color:#fff;opacity:.88;transition:opacity .2s ease,translate .2s ease}
.lower-grid .collect-next-cue svg{width:24px;height:16px;fill:none;stroke:currentColor;stroke-width:5.4;stroke-linecap:round;stroke-linejoin:round}
.lower-grid .collect-next-cue:hover{opacity:1;translate:0 3px}
.lower-grid .collect-next-cue:focus-visible{outline:2px solid #fff;outline-offset:3px}
@media(max-width:700px){.lower-grid{padding-bottom:76px}.lower-grid .collect-next-cue{bottom:17px}}

/* Unreleased mosaic slots use the same compact action treatment, without a caption bar. */
.timeline-section .fragment-placeholder-meta{justify-content:flex-end;height:24px;padding:0;background:transparent}
.timeline-section .fragment-placeholder-meta .fragment-collect-action{position:static;min-height:22px;margin-left:auto;padding:3px 8px;border:0;border-radius:3px;background:#555;color:#ddd;font-family:Inter,Arial,sans-serif;font-size:clamp(8px,.4vw,12px);font-weight:700;letter-spacing:.04em;line-height:1.2;white-space:nowrap;cursor:default}
.timeline-section .upcoming-thumb .thumb-star .dot{display:none}

/* Shared restrained chevrons; Browse controls sit at the vertical midpoint of the full screen. */
.player-shell .watch-nav svg,.timeline-section .sequences-section .mosaic-nav svg{width:15px;height:29px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;transform:none}
.timeline-section .sequences-section .mosaic-nav-previous svg,.timeline-section .sequences-section .mosaic-nav-next svg{transform:none}
.timeline-section .sequences-section .mosaic-nav{position:static;top:auto;z-index:auto;align-self:center;width:34px;height:44px;transform:none}
.timeline-section .sequences-section .mosaic-nav:hover:not(:disabled){transform:scale(1.12)}
@media(max-width:700px){.player-shell .watch-nav svg,.timeline-section .sequences-section .mosaic-nav svg{width:12px;height:24px}.timeline-section .sequences-section .mosaic-nav{width:26px;height:38px}}

/* A more legible filmmaker signature above the About title. */
.editorial-intro .editorial-kicker{font-size:clamp(13px,1.1vw,16px)}

/* COLLECT — compact information frame using the BROWSE surface color. */
.lower-grid .mint-system{
  align-items:start;
  padding:clamp(16px,1.5vw,22px);
  overflow:hidden;
  border-radius:3px;
  background:#121316;
}
.lower-grid .mint-selection,
.lower-grid .fragment-card{
  min-height:0;
  align-self:start;
}
.lower-grid .collect-btn,
.lower-grid .collect-btn.offer-btn{
  margin-top:12px;
}

@media(max-width:700px){
  .lower-grid .mint-system{padding:16px}
}

/* COLLECT — a 50% larger film surface and proportionally stronger caption panel. */
.lower-grid{
  height:auto;
  min-height:100svh;
  overflow:visible;
  padding-top:clamp(42px,6svh,88px);
  padding-bottom:clamp(78px,9svh,120px);
}
.lower-grid .sequence-still,
.lower-grid .mint-system,
.lower-grid .collect-heading{
  width:min(100%,1800px,calc(87svh * 16 / 9));
}
.lower-grid .mint-system{
  grid-template-columns:minmax(0,45%) minmax(0,40%);
  padding:clamp(20px,1.8vw,30px);
}
.lower-grid .mint-star{font-size:clamp(30px,3vw,58px)}
.lower-grid .mint-selection .mint-time{font-size:clamp(28px,2.7vw,44px)}
.lower-grid .mint-file-details{font-size:clamp(10px,.78vw,13px)}
.lower-grid .fragment-info .label{font-size:12px}
.lower-grid .fragment-info strong{font-size:clamp(14px,1vw,19px)}
.lower-grid .fragment-info #ethPrice{font-size:clamp(19px,1.45vw,26px)}
.lower-grid .mint-ownership{font-size:11px}

/* Collect file lockup: prominent duration centered above two compact badges. */
.lower-grid .mint-file-details{
  align-self:center;
  align-items:center;
  justify-content:center;
  gap:3px;
  font-size:inherit;
  line-height:1;
  transform:none;
}
.lower-grid .mint-file-details #selectionDuration{
  width:auto;
  text-align:center;
  font-size:clamp(15px,1.05vw,20px);
  font-weight:700;
  letter-spacing:-.025em;
  line-height:1;
}
.lower-grid .mint-file-formats{
  justify-content:center;
  gap:5px;
}
.lower-grid .mint-format-pill{
  padding:2px 4px;
  font-size:clamp(10px,.72vw,14px);
  font-weight:500;
  letter-spacing:.015em;
  line-height:1;
}
@media(max-width:700px){
  .lower-grid .mint-file-details{gap:2px;transform:none}
  .lower-grid .mint-file-details #selectionDuration{font-size:clamp(13px,3.4vw,16px)}
  .lower-grid .mint-format-pill{padding:1px 3px 2px;font-size:clamp(9px,2.5vw,11px)}
}
.lower-grid .collect-btn,
.lower-grid .collect-btn.offer-btn{
  min-width:190px;
  height:46px;
  padding-inline:24px;
  font-size:12px;
}

/* WATCH-style controls for the selected COLLECT film. */
.lower-grid .selected-loop-controls{
  position:absolute;
  z-index:7;
  left:18px;
  bottom:18px;
  display:flex;
  align-items:center;
  gap:8px;
  padding:0;
  border-radius:0;
  background:transparent;
  opacity:0;
  pointer-events:none;
  transform:translateY(3px);
  transition:opacity 1s ease,transform 1s ease;
}
.lower-grid .selected-loop-controls.is-visible,
.lower-grid .selected-loop-controls:focus-within{
  opacity:1;
  pointer-events:auto;
  transform:translateY(0);
}
.lower-grid .selected-loop-control{
  width:30px;
  height:30px;
  padding:4px;
  border:0;
  border-radius:3px;
  background:transparent;
  color:#fff;
}
.lower-grid .selected-loop-control:hover{background:transparent;opacity:.62}
.lower-grid .selected-loop-control:focus-visible{outline:1px solid #fff;outline-offset:1px}
.lower-grid .selected-loop-control svg{display:block;width:22px;height:22px;fill:currentColor}
.lower-grid .selected-loop-control .icon-stroke{fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}

@media(max-width:700px){
  .lower-grid .sequence-still,
  .lower-grid .mint-system,
  .lower-grid .collect-heading{width:100%}
  .lower-grid .mint-system{grid-template-columns:1fr;padding:18px}
  .lower-grid .mint-star{font-size:clamp(24px,7vw,36px)}
  .lower-grid .mint-selection .mint-time{font-size:clamp(22px,6vw,30px)}
  .lower-grid .selected-loop-controls{left:10px;bottom:14px}
}

/* COLLECT — the film and its legend form one uninterrupted card. */
.lower-grid{gap:0}
.lower-grid .sequence-still{margin:0}
.lower-grid .selected-loop-frame,
.lower-grid .sequence-still video{
  border-radius:4px 4px 0 0;
}
.lower-grid .mint-system{
  margin-top:0;
  border-radius:0 0 3px 3px;
}

/* COLLECT — the two legend blocks occupy equal halves. */
.lower-grid .mint-system{
  grid-template-columns:repeat(2,minmax(0,1fr));
  column-gap:clamp(360px,40vw,720px);
}
.lower-grid .mint-selection,
.lower-grid .fragment-card{
  width:100%;
  max-width:none;
}

@media(max-width:700px){
  .lower-grid .mint-system{
    grid-template-columns:1fr;
    column-gap:0;
    row-gap:24px;
  }
}

/* COLLECT — shared lower alignment for the timeframe and action. */
.lower-grid .mint-system{align-items:stretch}
.lower-grid .mint-selection,
.lower-grid .fragment-card{
  min-height:0;
  height:100%;
  align-self:stretch;
}
.lower-grid .mint-selection{justify-content:space-between}
.lower-grid .mint-selection .mint-time{
  display:grid;
  grid-template-columns:max-content minmax(28px,1fr) max-content;
  width:100%;
  max-width:none;
  margin-top:auto;
  align-items:baseline;
}
.lower-grid .mint-time #selectionStart{justify-self:start}
.lower-grid .mint-time .arrow{justify-self:center;margin:0}
.lower-grid .mint-time #selectionEnd{justify-self:end}
.lower-grid .fragment-card{justify-content:flex-start}
.lower-grid .collect-btn,
.lower-grid .collect-btn.offer-btn{
  margin-top:auto;
  margin-bottom:0;
}

@media(max-width:700px){
  .lower-grid .mint-selection .mint-time{margin-top:12px}
  .lower-grid .collect-btn,
  .lower-grid .collect-btn.offer-btn{margin-top:14px}
}

/* COLLECT — status and price share the same top line. */
.lower-grid .fragment-info{align-items:start}
.lower-grid .fragment-info>div{
  display:flex;
  min-width:0;
  flex-direction:column;
  align-items:flex-start;
}
.lower-grid .fragment-info .label{
  min-height:1em;
  margin-bottom:7px;
  line-height:1;
}
.lower-grid #cardStatus{
  font-size:clamp(18px,1.5vw,27px)!important;
  font-weight:700!important;
  line-height:1.08;
  letter-spacing:.02em!important;
}
.lower-grid #cardStatus .dot{
  width:9px;
  height:9px;
  margin-right:8px;
}

/* COLLECTED — keep ownership clear of the offer action. */
.lower-grid .fragment-card:has(.mint-ownership:not([hidden])){
  gap:clamp(16px,1.4vw,24px);
}
.lower-grid .fragment-card:has(.mint-ownership:not([hidden])) .mint-ownership{
  margin-top:9px;
  line-height:1.35;
}

/* COLLECT — quieter status/price and a compact continuous timeframe. */
.lower-grid #cardStatus,
.lower-grid .fragment-info #ethPrice{
  font-size:clamp(16px,1.15vw,21px)!important;
  font-weight:600!important;
  line-height:1.1;
}
.lower-grid #cardStatus .dot{
  width:7px;
  height:7px;
  margin-right:7px;
}
.lower-grid .mint-selection .mint-time{
  display:flex;
  width:max-content;
  max-width:100%;
  justify-content:flex-start;
  gap:clamp(10px,.8vw,16px);
  white-space:nowrap;
}
.lower-grid .mint-time #selectionStart,
.lower-grid .mint-time .arrow,
.lower-grid .mint-time #selectionEnd{
  justify-self:auto;
  margin:0;
}

@media(max-width:700px){
  .lower-grid .mint-selection .mint-time{
    gap:8px;
    font-size:clamp(20px,5.7vw,28px);
  }
}

/* BROWSE — directional slide transition between hours. */
.timeline-section .mosaic-stage{overflow:hidden}
.timeline-section .fragment-strip.slide-from-right{
  animation:browse-slide-from-right .55s cubic-bezier(.25,.8,.25,1) both;
}
.timeline-section .fragment-strip.slide-from-left{
  animation:browse-slide-from-left .55s cubic-bezier(.25,.8,.25,1) both;
}
@keyframes browse-slide-from-right{
  from{transform:translateX(100%)}
  to{transform:translateX(0)}
}
@keyframes browse-slide-from-left{
  from{transform:translateX(-100%)}
  to{transform:translateX(0)}
}
@media(prefers-reduced-motion:reduce){
  .timeline-section .fragment-strip.slide-from-right,
  .timeline-section .fragment-strip.slide-from-left{animation:none}
}

/* Preserve both mosaics during navigation so the slide never flashes empty. */
.timeline-section .fragment-strip{view-transition-name:browse-mosaic}
::view-transition{pointer-events:none}
::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal}
::view-transition-group(browse-mosaic){overflow:clip;animation-duration:var(--mosaic-slide-duration,.48s);animation-timing-function:cubic-bezier(.25,.8,.25,1)}
html[data-mosaic-direction="next"]::view-transition-old(browse-mosaic){animation:browse-old-to-left var(--mosaic-slide-duration,.48s) cubic-bezier(.25,.8,.25,1) both}
html[data-mosaic-direction="next"]::view-transition-new(browse-mosaic){animation:browse-new-from-right var(--mosaic-slide-duration,.48s) cubic-bezier(.25,.8,.25,1) both}
html[data-mosaic-direction="previous"]::view-transition-old(browse-mosaic){animation:browse-old-to-right var(--mosaic-slide-duration,.48s) cubic-bezier(.25,.8,.25,1) both}
html[data-mosaic-direction="previous"]::view-transition-new(browse-mosaic){animation:browse-new-from-left var(--mosaic-slide-duration,.48s) cubic-bezier(.25,.8,.25,1) both}
html[data-mosaic-transition="fade"]::view-transition-old(browse-mosaic){animation:browse-fast-fade-out var(--mosaic-slide-duration,.18s) ease-out both}
html[data-mosaic-transition="fade"]::view-transition-new(browse-mosaic){animation:browse-fast-fade-in var(--mosaic-slide-duration,.18s) ease-in both}
@keyframes browse-old-to-left{to{transform:translateX(-100%)}}
@keyframes browse-new-from-right{from{transform:translateX(100%)}}
@keyframes browse-old-to-right{to{transform:translateX(100%)}}
@keyframes browse-new-from-left{from{transform:translateX(-100%)}}
@keyframes browse-fast-fade-out{from{opacity:1}to{opacity:0}}
@keyframes browse-fast-fade-in{from{opacity:0}to{opacity:1}}

.lower-grid .mint-ownership .owner-name{
  font:inherit;
  font-weight:700;
  color:#fff;
}

/* Keep the ownership credit as one compact sentence. */
.lower-grid .fragment-info .mint-ownership{
  display:flex;
  align-items:baseline;
  gap:.42em;
  flex-wrap:nowrap;
  white-space:nowrap;
}

.lower-grid .collect-btn,
.lower-grid .collect-btn.offer-btn{
  font-size:14px;
}

/* Present films get a wider visual footprint on the map; their real times remain unchanged. */
.timeline-section .timeline .clip-segment.available,
.timeline-section .timeline .clip-segment.collected{
  z-index:7;
  min-width:0;
}
.timeline-section .timeline .clip-segment.upcoming{
  pointer-events:none;
}
.timeline-section .timeline .clip-segment.is-selected{
  z-index:10;
  box-shadow:0 0 0 2px #fff!important;
}

/* Released and empty UPCOMING cells share the same neutral treatment. */
.timeline-section .sequences-section .upcoming-thumb .upcoming-visual{
  background:rgba(255,255,255,.035);
}
.timeline-section .sequences-section .upcoming-thumb{
  pointer-events:none;
}
.timeline-section .sequences-section .upcoming-thumb .fragment-video-time,
.timeline-section .sequences-section .upcoming-thumb .thumb-star{
  display:none;
}

/* Mint actions are visible but intentionally inactive for now. */
.fragment-collect-action:disabled,
.collect-btn:disabled,
.hero-collect-btn:disabled{
  opacity:.5;
}

.lower-grid .fragment-info .mint-price{
  align-items:flex-end;
  text-align:right;
}
.lower-grid .fragment-info .usd-price{
  display:block;
  margin-top:5px;
  color:#fff;
  font-size:60%;
  font-weight:500;
  letter-spacing:.02em;
  line-height:1;
  opacity:.5;
  white-space:nowrap;
}

/* Mint notification dialog. */
.mint-signup-dialog{
  width:min(calc(100% - 32px),620px);
  margin:auto;
  padding:clamp(32px,4vw,54px);
  border:0;
  border-radius:5px;
  background:#121316;
  color:#f4f4f2;
  box-shadow:0 30px 90px rgba(0,0,0,.72);
}
.mint-signup-dialog::backdrop{
  background:rgba(0,0,0,.78);
  backdrop-filter:blur(5px);
}
.mint-signup-close{
  position:absolute;
  top:14px;
  right:17px;
  width:34px;
  height:34px;
  padding:0;
  border:0;
  background:transparent;
  color:rgba(255,255,255,.62);
  font-size:27px;
  font-weight:300;
  line-height:1;
}
.mint-signup-close:hover{color:#fff}
.mint-signup-copy h2{
  margin:0 0 24px;
  font-size:clamp(31px,4vw,50px);
  font-weight:700;
  line-height:1;
  letter-spacing:.015em;
}
.mint-signup-copy p{
  margin:0;
  color:#b7b9ba;
  font-size:clamp(13px,1.1vw,16px);
  line-height:1.7;
  letter-spacing:.01em;
}
.mint-signup-brand{
  color:#f4f4f2;
  font-family:'Antipasto Regular',Inter,Arial,sans-serif;
  font-size:1.3em;
  font-weight:400;
  letter-spacing:.18em;
  white-space:nowrap;
}
.mint-signup-form{margin-top:28px}
.mint-signup-form input{
  width:100%;
  height:50px;
  padding:0 15px;
  border:1px solid #55585b;
  border-radius:3px;
  outline:0;
  background:#0c0d0f;
  color:#fff;
  font:500 13px Inter,Arial,sans-serif;
  letter-spacing:.04em;
}
.mint-signup-form input::placeholder{color:#696c6f}
.mint-signup-form input:focus{border-color:#fff}
.mint-signup-form .mint-signup-trap{position:absolute;left:-10000px;width:1px;height:1px;opacity:0}
.mint-signup-form button{
  width:100%;
  height:48px;
  margin-top:12px;
  border:0;
  border-radius:3px;
  background:#fff;
  color:#101113;
  font-size:13px;
  font-weight:700;
  letter-spacing:.08em;
}
.mint-signup-form button:hover{background:#dedfdf}
.mint-signup-status{
  min-height:14px;
  margin:12px 0 0;
  color:#8f9295;
  font-size:9px;
  letter-spacing:.09em;
}
@media(max-width:600px){
  .mint-signup-dialog{padding:34px 22px 28px}
}

/* Fullscreen WATCH UI follows pointer activity with a one-second fade. */
.player-shell .video-controls,
.player-shell .fragment-counter,
.player-shell .watch-nav,
.player-shell .scroll-cue{
  transition:opacity 1s ease,visibility 0s linear 0s;
}
.player-shell.fullscreen-ui-hidden .video-controls,
.player-shell.fullscreen-ui-hidden .fragment-counter,
.player-shell.fullscreen-ui-hidden .watch-nav,
.player-shell.fullscreen-ui-hidden .scroll-cue{
  visibility:hidden;
  opacity:0;
  pointer-events:none;
  transition:opacity 1s ease,visibility 0s linear 1s;
}

/* COLLECT controls stay visible in-page and become activity-driven only in fullscreen. */
.lower-grid .selected-loop-controls{
  visibility:visible;
  opacity:1;
  pointer-events:auto;
  transform:translateY(0);
}
.lower-grid .selected-loop-frame:fullscreen.fullscreen-ui-hidden .selected-loop-controls{
  visibility:hidden;
  opacity:0;
  pointer-events:none;
  transition:opacity 1s ease,visibility 0s linear 1s;
}
.lower-grid .selected-loop-frame:fullscreen .selected-loop-progress,
.lower-grid .selected-loop-frame:fullscreen .selected-loop-cursor,
.lower-grid .selected-loop-frame:fullscreen .selected-loop-playhead{
  display:none!important;
  opacity:0!important;
  transition:none!important;
}

/* The downward navigation cue is never shown while WATCH is fullscreen. */
.player-shell:fullscreen .scroll-cue{
  display:none!important;
}

/* COLLECT status dots sit on the text's optical center. */
.lower-grid .fragment-info .status-text{
  display:inline-flex!important;
  align-items:center;
  gap:6px;
  line-height:1;
}
.lower-grid .fragment-info .status-text .dot{
  display:block;
  flex:none;
  width:7px;
  min-width:7px;
  max-width:7px;
  height:7px;
  min-height:7px;
  max-height:7px;
  aspect-ratio:1/1;
  margin:0;
  border-radius:50%;
  transform:none;
}
.lower-grid .fragment-info .status-text .dot.available{
  background:#68b483;
}

/* Keep 16:9 COLLECT films centered within every fullscreen aspect ratio. */
.lower-grid .selected-loop-frame:fullscreen,
.lower-grid .selected-loop-frame:-webkit-full-screen{
  display:grid;
  place-items:center;
  width:100vw;
  height:100vh;
  background:#000;
  overflow:hidden;
}
.lower-grid .selected-loop-frame:fullscreen video,
.lower-grid .selected-loop-frame:-webkit-full-screen video{
  width:100%;
  height:100%;
  max-width:100%;
  max-height:100%;
  min-height:0;
  aspect-ratio:auto;
  object-fit:contain;
  border-radius:0;
}
.lower-grid .selected-loop-frame:-webkit-full-screen .selected-loop-progress,
.lower-grid .selected-loop-frame:-webkit-full-screen .selected-loop-cursor,
.lower-grid .selected-loop-frame:-webkit-full-screen .selected-loop-playhead{display:none!important}

@media(max-width:700px){
  /* Four compact rows of two films fit within the BROWSE screen. */
  .timeline-section .sequences-section .fragment-strip{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr));
    grid-template-rows:repeat(4,minmax(0,1fr));
    gap:6px 8px;
    overflow:hidden;
    scroll-snap-type:none;
  }
  .timeline-section .sequences-section .fragment-thumb{
    min-width:0;
    width:auto;
    height:100%;
    aspect-ratio:auto;
    flex:none;
  }
  .timeline-section .sequences-section .fragment-thumb .fragment-thumb-meta{min-height:18px;margin-top:2px}
  .timeline-section .fragment-thumb-meta .fragment-collect-action,
  .timeline-section .fragment-placeholder-meta .fragment-collect-action{
    min-height:17px;
    padding:2px 5px;
    font-size:8px;
  }
  .timeline-section .fragment-video-time{right:5px;bottom:5px;font-size:8px}
  .timeline-section .timeline .clip-segment{border:0!important}
  .editorial-intro .editorial-tagline{font-size:clamp(17px,4.3vw,22px);line-height:1.3}
  .editorial-intro{padding-top:clamp(22px,3svh,32px);padding-bottom:clamp(92px,12svh,120px)}
}

/* WATCH action remains compact normally and scales up on high-resolution screens. */
.player-shell .fragment-counter .hero-collect-btn{
  font-size:clamp(10px,.45vw,17px);
  padding:clamp(4px,.28vw,9px) clamp(9px,.55vw,18px);
}

/* COLLECT — exact two-line lockup: identity above, edge-aligned timeframe below. */
.lower-grid .mint-selection .mint-time{
  display:grid;
  grid-template-columns:max-content minmax(24px,1fr) max-content;
  width:100%;
  max-width:none;
  gap:0;
  font-size:clamp(30px,2.9vw,52px);
  line-height:1;
  letter-spacing:-.02em;
}
.lower-grid .mint-time #selectionStart{justify-self:start}
.lower-grid .mint-time .arrow{justify-self:center;margin:0}
.lower-grid .mint-time #selectionEnd{justify-self:end}

@media(max-width:700px){
  .lower-grid .mint-selection .mint-time{
    grid-template-columns:max-content minmax(12px,1fr) max-content;
    font-size:clamp(20px,5.3vw,27px);
  }
}

@media(max-width:700px){
  .editorial-intro{padding-top:clamp(64px,8svh,82px);padding-bottom:clamp(64px,8svh,82px)}
  .editorial-head{row-gap:14px}
}

@media(hover:none) and (pointer:coarse){
  .player-shell .video-control:hover,
  .player-shell .video-control:active,
  .lower-grid .selected-loop-control:hover,
  .lower-grid .selected-loop-control:active{
    opacity:1;
    color:#fff;
    background:transparent;
    transform:none;
  }
}

@media(max-width:700px){
  .timeline-section .sequences-section{padding-top:2px;padding-bottom:clamp(16px,2.5svh,26px)}
  .timeline-section .sequences-section .mosaic-stage{margin-top:0}
}

/* iPhone keeps WATCH inline while giving it the full viewport, so playback survives exit. */
html.watch-viewport-locked{overflow:hidden}
.player-shell.ios-inline-fullscreen{
  position:fixed;
  inset:0;
  z-index:1000;
  width:100vw;
  height:100dvh;
  min-height:0;
  background:#000;
}
.player-shell.ios-inline-fullscreen .film{object-fit:contain}
.player-shell.ios-inline-fullscreen .scroll-cue{display:none}

html.collect-viewport-locked{overflow:hidden}
.lower-grid .selected-loop-frame.ios-inline-fullscreen{
  position:fixed;
  inset:0;
  z-index:1000;
  display:grid;
  place-items:center;
  width:100vw;
  height:100dvh;
  min-height:0;
  overflow:hidden;
  background:#000;
}
.lower-grid .selected-loop-frame.ios-inline-fullscreen video{
  width:100%;
  height:100%;
  min-height:0;
  max-height:100%;
  aspect-ratio:auto;
  object-fit:contain;
  border-radius:0;
}
.lower-grid .selected-loop-frame.ios-inline-fullscreen .selected-loop-progress,
.lower-grid .selected-loop-frame.ios-inline-fullscreen .selected-loop-cursor,
.lower-grid .selected-loop-frame.ios-inline-fullscreen .selected-loop-playhead{display:none!important}
.lower-grid .selected-loop-frame.ios-inline-fullscreen.fullscreen-ui-hidden .selected-loop-controls{
  visibility:hidden;
  opacity:0;
  pointer-events:none;
  transition:opacity 1s ease,visibility 0s linear 1s;
}

.timeline-section .fragment-preview-button .fragment-preview-still{
  position:absolute;
  inset:0;
  z-index:1;
  width:100%;
  height:100%;
  object-fit:cover;
  pointer-events:none;
}
.timeline-section .fragment-preview-button .fragment-preview-still:not([src]),
.timeline-section .fragment-preview-button .fragment-preview-still.is-playing{display:none}
.timeline-section .timeline-preview img:not([hidden]){
  display:block;
  width:100%;
  aspect-ratio:16/9;
  object-fit:cover;
  background:#292a2d;
}

/* The film and UI emerge behind the opening title. */
.watch-opening{
  position:absolute;
  top:0;
  left:0;
  right:0;
  z-index:2000;
  display:grid;
  place-items:center;
  height:100svh;
  pointer-events:none;
  color:#fff;
  animation:watch-opening-dismiss 4s linear forwards;
}
.watch-opening::before{
  content:'';
  position:absolute;
  inset:0;
  background:#000;
  animation:watch-opening-reveal 4s linear forwards;
}
.watch-opening-title{
  position:relative;
  z-index:1;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:clamp(12px,1.5vw,29px);
  max-width:92vw;
  transform:translateY(-4%) scale(var(--watch-opening-scale, .7));
  animation:watch-opening-title 4s linear forwards;
}
.watch-opening-title span{
  font-family:'Segoe UI Light','Helvetica Neue',Arial,sans-serif;
  font-size:clamp(18.5px,2.65vw,53px);
  font-weight:300;
  letter-spacing:.22em;
  line-height:1.2;
  white-space:nowrap;
}
.watch-opening-title strong{
  font-family:'Antipasto Regular',Inter,Arial,sans-serif;
  font-size:clamp(73.5px,18.375vw,367.5px);
  font-weight:400;
  letter-spacing:.025em;
  line-height:.9;
  white-space:nowrap;
}
@keyframes watch-opening-title{
  0%{opacity:0}
  12.5%,62.5%{opacity:1}
  100%{opacity:0}
}
@keyframes watch-opening-dismiss{
  0%,99.9%{visibility:visible}
  100%{visibility:hidden}
}
@keyframes watch-opening-reveal{
  0%,12.5%{opacity:1}
  100%{opacity:0}
}
.topbar .logo{cursor:pointer}
.topbar .logo:focus-visible{outline:2px solid #fff;outline-offset:5px}

.section-up-cue{
  position:absolute;
  left:50%;
  z-index:10;
  display:grid;
  place-items:center;
  width:38px;
  height:34px;
  transform:translateX(-50%);
  color:#fff;
  opacity:.88;
  transition:opacity .2s ease,translate .2s ease;
}
.section-up-cue svg{
  width:24px;
  height:16px;
  fill:none;
  stroke:currentColor;
  stroke-width:5.4;
  stroke-linecap:round;
  stroke-linejoin:round;
  transform:rotate(180deg);
}
.section-up-cue:hover{opacity:1;translate:0 -3px}
.section-up-cue:focus-visible{outline:2px solid #fff;outline-offset:3px}
.timeline-section .browse-up-cue{top:calc((var(--browse-edge) - 34px)/2)}
.lower-grid .collect-up-cue{top:clamp(16px,3svh,28px)}

@media (min-width:701px) and (pointer:fine){
  html:not([data-display-tier="4k"]) .lower-grid .sequence-still,
  html:not([data-display-tier="4k"]) .lower-grid .mint-system,
  html:not([data-display-tier="4k"]) .lower-grid .mint-section-title,
  html:not([data-display-tier="4k"]) .lower-grid .collect-heading{
    width:min(75%,900px,calc(43.5svh * 16 / 9));
  }
  html:not([data-display-tier="4k"]) .lower-grid .mint-star{font-size:clamp(30px,2.3vw,42px)}
  html:not([data-display-tier="4k"]) .lower-grid .mint-selection .mint-time{font-size:clamp(28px,2.2vw,38px)}
  html:not([data-display-tier="4k"]) .lower-grid .mint-file-details{font-size:clamp(9px,.7vw,12px)}
  html:not([data-display-tier="4k"]) .lower-grid .mint-system{grid-template-columns:minmax(0,45%) minmax(0,35%);justify-content:space-between;gap:0}
  html:not([data-display-tier="4k"]) .lower-grid .fragment-card{width:100%;align-items:stretch}
  html:not([data-display-tier="4k"]) .lower-grid .fragment-info{width:100%;justify-content:space-between}
  html:not([data-display-tier="4k"]) .lower-grid .collect-btn{width:100%;align-self:stretch}
}
@media(max-width:700px){.lower-grid{padding-top:max(72px,8svh)}}

/* Phone landscape needs its own compact, readable composition. */
@media (max-width:1000px) and (max-height:600px) and (orientation:landscape) and (pointer:coarse){
  .timeline-section{
    height:auto;
    min-height:100svh;
    overflow:visible;
    padding:46px 16px 68px;
    --browse-edge:46px;
    --browse-side:24px;
    --browse-gap:5px;
  }
  .timeline-section>.sequence-navigation{margin-inline:0;gap:10px}
  .timeline-section>.sequence-navigation #currentHourLabel{font-size:clamp(18px,3vw,25px)}
  .timeline-section>.sequence-navigation #sequencePageLabel{font-size:12px}
  .timeline-section>.sequence-navigation .legend{gap:7px}
  .timeline-section>.sequence-navigation .legend button{font-size:9px;padding:4px 5px}
  .timeline-section .timeline,
  .timeline-section .timeline-hours.hour-selector{margin-inline:0}
  .timeline-section .timeline{height:30px;min-height:30px;flex:0 0 30px;margin-top:12px}
  .timeline-section .timeline-hours.hour-selector button{min-height:30px;padding:5px 0;font-size:9px}
  .timeline-section .sequences-section{flex:none;height:auto;min-height:0;overflow:visible;padding-top:16px}
  .timeline-section .sequences-section .mosaic-stage{height:auto;grid-template-columns:24px minmax(0,1fr) 24px;gap:5px;margin-top:0}
  .timeline-section .sequences-section .fragment-strip{
    display:grid!important;
    height:auto;
    grid-template-columns:repeat(4,minmax(0,1fr));
    grid-template-rows:repeat(2,minmax(0,1fr));
    gap:9px;
    overflow:hidden;
    scroll-snap-type:none;
  }
  .timeline-section .sequences-section .fragment-thumb{height:auto;aspect-ratio:auto;min-width:0}
  .timeline-section .sequences-section .fragment-preview-button{flex:none;aspect-ratio:16/9}
  .timeline-section .sequences-section .fragment-thumb .fragment-thumb-meta{min-height:16px;margin-top:3px}
  .timeline-section .sequences-section .fragment-thumb-meta strong{font-size:10px}
  .timeline-section .fragment-thumb-meta .fragment-collect-action,
  .timeline-section .fragment-placeholder-meta .fragment-collect-action{min-height:18px;padding:2px 4px;font-size:8px}
  .timeline-section .fragment-video-time{right:4px;bottom:4px;font-size:8px}
  .timeline-section .browse-up-cue{top:6px}

  .lower-grid{
    height:auto;
    min-height:100svh;
    overflow:visible;
    justify-content:center;
    padding:48px 12px 52px;
    gap:0;
  }
  .lower-grid .sequence-still,
  .lower-grid .mint-system,
  .lower-grid .mint-section-title,
  .lower-grid .collect-heading{width:min(60%,720px,calc(34.8svh * 16 / 9))}
  .lower-grid .sequence-still video{width:100%;height:auto;min-height:0;aspect-ratio:16/9;object-fit:contain}
  .lower-grid .mint-system{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;padding:12px;overflow:hidden}
  .lower-grid .mint-selection,.lower-grid .fragment-card{width:100%;min-width:0;height:auto;min-height:0;gap:7px}
  .lower-grid .mint-identity{width:100%;min-width:0;grid-template-columns:minmax(0,1fr) max-content;gap:5px;align-items:end}
  .lower-grid .mint-star{font-size:clamp(17px,2.6vw,23px);line-height:1}
  .lower-grid .mint-star.is-long{font-size:clamp(15px,2.1vw,19px)}
  .lower-grid .mint-file-details{gap:2px;transform:none}
  .lower-grid .mint-file-details #selectionDuration{font-size:10px}
  .lower-grid .mint-format-pill{padding:1px 2px;font-size:7px}
  .lower-grid .mint-selection .mint-time{
    display:grid;
    grid-template-columns:max-content minmax(6px,1fr) max-content;
    width:100%;
    margin-top:0;
    font-size:clamp(14px,2vw,18px);
    gap:0;
  }
  .lower-grid .fragment-card{align-items:stretch}
  .lower-grid .fragment-info{display:grid;width:100%;grid-template-columns:minmax(0,1fr) max-content;justify-content:space-between;gap:8px}
  .lower-grid .fragment-info .label{min-height:0;margin-bottom:3px;font-size:8px}
  .lower-grid #cardStatus,.lower-grid .fragment-info #ethPrice{font-size:11px!important}
  .lower-grid .mint-ownership{font-size:8px}
  .lower-grid .collect-btn,.lower-grid .collect-btn.offer-btn{
    align-self:stretch;
    width:100%;
    min-width:0;
    height:30px;
    margin-top:3px;
    padding:0 6px;
    font-size:9px;
  }
  .lower-grid .collect-up-cue{top:7px}
  .lower-grid .collect-next-cue{bottom:7px}

  .editorial-intro{min-height:100svh;height:auto;padding:40px 20px 60px;gap:20px;justify-content:center}
  .editorial-head{grid-template-columns:1fr;row-gap:12px}
  .editorial-intro .editorial-kicker{font-size:9px}
  .editorial-intro #editorialTitle{font-size:clamp(44px,7vw,58px)}
  .editorial-intro .editorial-tagline{font-size:clamp(15px,2.1vw,18px);line-height:1.25}
  .editorial-question summary{min-height:42px}
  .editorial-question .question-title{font-size:12px}
  .editorial-question p{font-size:11px}
}

/* Filtering changes which fragments are shown, not their boundaries. */
.timeline-section[data-status-filter] .timeline .clip-segment{
  border-right:1px solid #151619!important;
}

/* Keep the MacBook caption balanced within its narrower video width. */
@media (min-width:701px) and (pointer:fine){
  html[data-display-tier="macbook"] .lower-grid .sequence-still,
  html[data-display-tier="macbook"] .lower-grid .mint-system,
  html[data-display-tier="macbook"] .lower-grid .mint-section-title,
  html[data-display-tier="macbook"] .lower-grid .collect-heading{
    width:min(90vw,900px,calc(60svh * 16 / 9));
  }
  html[data-display-tier="macbook"] .lower-grid .mint-system{
    grid-template-columns:minmax(0,42%) minmax(0,42%);
    justify-content:space-between;
    align-items:stretch;
  }
  html[data-display-tier="macbook"] .lower-grid .mint-selection,
  html[data-display-tier="macbook"] .lower-grid .fragment-card{
    min-width:0;
    width:100%;
  }
  html[data-display-tier="macbook"] .lower-grid .mint-selection .mint-time{
    margin-top:auto;
    font-size:clamp(30px,2.2vw,36px);
  }
  html[data-display-tier="macbook"] .lower-grid .mint-selection{
    justify-content:space-between;
    gap:0;
  }
  html[data-display-tier="macbook"] .lower-grid .mint-identity{
    grid-template-columns:minmax(0,1fr) max-content;
    column-gap:8px;
  }
  html[data-display-tier="macbook"] .lower-grid .mint-star{
    min-width:0;
    font-size:clamp(32px,2.3vw,38px);
    letter-spacing:.015em;
  }
  html[data-display-tier="macbook"] .lower-grid .mint-star.is-long{
    font-size:clamp(26px,1.9vw,32px);
  }
  html[data-display-tier="macbook"] .lower-grid .mint-file-details{
    gap:2px;
    transform:none;
  }
  html[data-display-tier="macbook"] .lower-grid .mint-file-details #selectionDuration{
    width:100%;
    font-size:16px;
    text-align:center;
  }
  html[data-display-tier="macbook"] .lower-grid .mint-file-formats{
    width:100%;
    justify-content:flex-end;
  }
  html[data-display-tier="macbook"] .lower-grid .mint-format-pill{
    padding:1px 2px;
    font-size:11px;
  }
  html[data-display-tier="macbook"] .lower-grid .fragment-card{gap:8px}
  html[data-display-tier="macbook"] .lower-grid .collect-btn{
    margin-top:auto;
  }
}

/* The currency label follows the status; the numeric price keeps its own scale. */
.lower-grid .fragment-info{--collect-status-size:clamp(15px,1.05vw,19px)}
.lower-grid #cardStatus,
.lower-grid .fragment-info #ethPrice .eth-unit{
  font-size:var(--collect-status-size)!important;
}
.lower-grid .fragment-info #ethPrice{
  display:inline-flex;
  align-items:baseline;
  gap:.2em;
  white-space:nowrap;
}
@media (min-width:701px) and (pointer:fine){
  html[data-display-tier="macbook"] .lower-grid .fragment-info{--collect-status-size:15px}
  html[data-display-tier="macbook"] .lower-grid .fragment-info #ethPrice{
    font-size:clamp(16px,1.15vw,21px)!important;
  }
}
@media (max-width:1000px) and (max-height:600px) and (orientation:landscape) and (pointer:coarse){
  .lower-grid .fragment-info{--collect-status-size:11px}
}

/* 1600 × 1200 laptop: a larger film with room beneath the USD estimate. */
@media (min-width:1500px) and (min-height:1100px) and (pointer:fine){
  html[data-display-tier="standard"] .lower-grid .sequence-still,
  html[data-display-tier="standard"] .lower-grid .mint-system,
  html[data-display-tier="standard"] .lower-grid .mint-section-title,
  html[data-display-tier="standard"] .lower-grid .collect-heading{
    width:min(90vw,1125px,calc(60svh * 16 / 9));
  }
  html[data-display-tier="standard"] .lower-grid .fragment-card{gap:10px}
  html[data-display-tier="standard"] .lower-grid .fragment-card:has(.mint-ownership:not([hidden])){gap:16px}
  html[data-display-tier="standard"] .lower-grid .collect-btn{margin-top:auto}
}

/* Timeline focus is a color change only; hovering is a half-white preview. */
.timeline-section .timeline .clip-segment:is(:hover,:focus-visible,.is-fragment-hovered,.is-thumb-hovered):not(.is-selected),
.timeline-section[data-status-filter] .timeline .timeline-segments .clip-segment.is-thumb-hovered:not(.is-selected){
  background:rgba(255,255,255,.5)!important;
  filter:none!important;
  transform:none!important;
  box-shadow:none!important;
  outline:none;
}
.timeline-section .timeline .clip-segment.is-selected{
  background:#fff!important;
  filter:none!important;
  transform:none!important;
  box-shadow:none!important;
  outline:none;
  animation:none!important;
}

/* The ETH unit shares the status text's top line on every viewport. */
.lower-grid .fragment-info #ethPrice{align-items:flex-start}

/* Place the COLLECT playback controls at the bottom right. */
.lower-grid .selected-loop-controls{left:auto;right:18px}
@media(max-width:700px){.lower-grid .selected-loop-controls{left:auto;right:10px}}

/* The previous WATCH frame stays visible while the next film starts. */
.player-shell .watch-crossfade{position:absolute;inset:0;z-index:1;width:100%;height:100%;object-fit:cover;pointer-events:none}
.player-shell .watch-crossfade[hidden]{display:none}
.player-shell.ios-inline-fullscreen .watch-crossfade{object-fit:contain}
.player-shell .watch-info-ghost{pointer-events:none}
.player-shell.fullscreen-ui-hidden .fragment-counter{opacity:0!important}

/* Two live WATCH players overlap only during a manual crossfade. */
.player-shell .film{position:absolute;inset:0;width:100%;height:100%}
.player-shell .watch-standby{opacity:0;pointer-events:none}

/* ABOUT: complete film essay, motion studies and visual archive. */
.editorial-intro{display:block;min-height:100svh;height:auto;overflow:visible;padding:clamp(64px,7vw,120px) clamp(20px,4vw,72px) clamp(105px,9vw,160px);background:#000}
.editorial-intro .editorial-head{width:min(100%,1380px);max-width:none;margin:0 auto clamp(34px,4vw,64px);align-items:center}
.about-prologue-film,.about-story-grid,.about-visual-grid{width:min(100%,1380px);margin-inline:auto}
.about-prologue-film{aspect-ratio:24/7;overflow:hidden;border-radius:4px;background:#151619}
.about-prologue-film video{display:block;width:100%;height:100%;object-fit:cover}
.editorial-intro .editorial-questions{width:min(100%,1380px);max-width:none;margin:clamp(40px,5vw,80px) auto 0}
.editorial-intro:not(:has(.editorial-question[open])){display:flex;flex-direction:column;justify-content:center;gap:0;padding-block:clamp(36px,4svh,90px)}
.editorial-intro:not(:has(.editorial-question[open])) .editorial-head{margin-bottom:clamp(18px,2svh,40px)}
.editorial-intro:not(:has(.editorial-question[open])) .editorial-questions{margin-top:clamp(18px,2svh,40px)}
.editorial-intro:not(:has(.editorial-question[open])) .editorial-question summary{min-height:clamp(50px,6svh,76px)}
.editorial-intro .editorial-question{scroll-margin-top:12svh}
.editorial-intro .editorial-question summary{min-height:clamp(62px,6vw,88px)}
.editorial-intro .editorial-answer{padding:4px 0 24px}
.editorial-intro .editorial-answer p{max-width:none;width:100%;margin:0 0 17px;font-size:clamp(13px,1vw,16px);line-height:1.65;text-align:justify;text-justify:inter-word}
.editorial-intro .about-story-grid,.editorial-intro .about-visual-grid{padding-top:24px;padding-bottom:clamp(32px,4vw,58px)}
.about-story-grid{display:grid;grid-template-columns:1fr;row-gap:clamp(68px,8vw,128px)}
.about-story{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(28px,5vw,90px);align-items:start;min-width:0}
.about-story-film,.about-story-copy{min-width:0}
.about-story:nth-child(even){grid-template-columns:minmax(0,6fr) minmax(0,5fr)}
.about-story:nth-child(even) .about-story-film{grid-column:2;grid-row:1}
.about-story:nth-child(even) .about-story-copy{grid-column:1;grid-row:1}
.about-story-film{aspect-ratio:16/9;overflow:hidden;border-radius:4px;background:#151619}
.about-story-film video{display:block;width:100%;height:100%;object-fit:cover}
.about-story-copy{padding-top:0}
.editorial-intro .about-story h4{margin:0 0 17px;font-family:Inter,Arial,sans-serif;font-size:clamp(18px,1.7vw,25px);font-weight:600;line-height:1.17;letter-spacing:-.025em;color:#f3f4f2}
.editorial-intro .about-story p{max-width:none;margin:0;font-family:Inter,Arial,sans-serif;font-size:clamp(14px,1.02vw,16px);font-weight:400;line-height:1.7;letter-spacing:0;color:#bfc1c2;text-align:justify;text-justify:inter-word}
.editorial-intro .about-story p+p{margin-top:16px}
.editorial-intro .about-story strong{font-weight:600;color:#e4e5e3}
.about-visual-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(10px,1vw,16px)}
.about-visual-grid a{display:block;min-width:0;aspect-ratio:16/9;overflow:hidden;border:1px solid #292b2e;border-radius:3px;background:#17181b;transition:border-color .2s ease}
.about-visual-grid img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s ease,opacity .4s ease}
.about-visual-grid a:hover{border-color:rgba(255,255,255,.6)}
.about-visual-grid a:hover img{transform:scale(1.025);opacity:.9}
.about-visual-grid a:focus-visible{outline:2px solid #fff;outline-offset:3px}
@media(max-width:800px){
  .editorial-intro .about-story,.editorial-intro .about-story:nth-child(even){grid-template-columns:1fr;gap:18px}
  .editorial-intro .about-story:nth-child(even) .about-story-film{grid-column:1;grid-row:1}
  .editorial-intro .about-story:nth-child(even) .about-story-copy{grid-column:1;grid-row:2}
}
@media(max-width:1000px){.about-visual-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){
  .editorial-intro{padding:clamp(44px,6vw,70px) 20px 105px}
  .editorial-intro .editorial-head{margin-bottom:28px}
  .about-prologue-film{aspect-ratio:8/3}
  .about-story-grid{grid-template-columns:1fr;row-gap:44px}
  .about-visual-grid{gap:10px}
  .editorial-intro .about-story p{max-width:none;font-size:14px}
}
@media(max-width:520px){
  .about-story-copy{padding-top:0}
  .editorial-intro .about-story h4{font-size:19px}
}
@media(max-width:600px){.about-visual-grid{grid-template-columns:1fr;gap:9px}}

/* In-page Visual Research viewer. */
.about-visual-dialog{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:clamp(16px,3vw,48px);border:0;background:#08090b;color:#f4f4f2}
.about-visual-dialog[open]{display:flex;flex-direction:column}
.about-visual-dialog::backdrop{background:rgba(0,0,0,.94)}
.about-visual-stage{position:relative;flex:1;min-height:0;display:flex;align-items:center;justify-content:center}
.about-visual-stage img{display:block;max-width:calc(100% - 150px);max-height:100%;width:auto;height:auto;object-fit:contain}
.about-visual-close,.about-visual-nav{position:absolute;z-index:2;display:grid;place-items:center;border:0;background:transparent;color:#f4f4f2;line-height:1;transition:opacity .2s ease}
.about-visual-close:hover,.about-visual-nav:hover{opacity:.55}
.about-visual-close:focus-visible,.about-visual-nav:focus-visible{outline:2px solid #fff;outline-offset:4px}
.about-visual-close{top:clamp(12px,2vw,32px);right:clamp(12px,2vw,32px);width:48px;height:48px;font-size:38px;font-weight:200}
.about-visual-nav{top:50%;transform:translateY(-50%);width:56px;height:64px;font-size:38px;font-weight:300}
.about-visual-previous{left:0}
.about-visual-next{right:0}
.about-visual-caption{flex:0 0 auto;margin:16px 0 0;text-align:center;font-family:Inter,Arial,sans-serif;font-size:11px;letter-spacing:.15em;color:#a4a7a9}
@media(max-width:700px){
  .about-visual-dialog{padding:16px 8px 22px}
  .about-visual-stage img{max-width:calc(100% - 70px)}
  .about-visual-nav{width:34px;height:50px;font-size:29px}
  .about-visual-close{top:5px;right:8px;width:40px;height:40px;font-size:30px}
}

/* The final About essay uses the same width as the other About sections. */
.editorial-intro .theory-essay{padding:18px 0 clamp(36px,5vw,70px)}
.theory-diagram{width:100%;margin:0 0 clamp(22px,2.5vw,34px);border:1px solid #242629;border-radius:4px;overflow:hidden;background:#000}
.theory-diagram img{display:block;width:100%;height:auto}
.theory-chapter{width:100%;margin-inline:auto}
.theory-chapter+.theory-chapter{margin-top:clamp(48px,5vw,76px)}
.editorial-intro .theory-chapter h4{margin:0 0 20px;font-family:Inter,Arial,sans-serif;font-size:clamp(18px,1.7vw,25px);font-weight:600;line-height:1.17;letter-spacing:-.025em;color:#f3f4f2}
.theory-chapter-image{display:block;width:100%;height:auto;margin:0 0 clamp(22px,2.5vw,34px)}
.editorial-intro .theory-chapter p{max-width:none;width:100%;margin:0 0 18px;font-family:Inter,Arial,sans-serif;font-size:clamp(14px,1.02vw,16px);font-weight:400;line-height:1.75;letter-spacing:0;color:#bfc1c2;text-align:justify;text-justify:inter-word}
.editorial-intro .theory-chapter p:last-child{margin-bottom:0}
.editorial-intro .theory-chapter strong{font-weight:600;color:#e4e5e3}
.editorial-intro strong.about-film-title{font-weight:700;font-style:normal;color:#fff}
@media(max-width:600px){.theory-chapter+.theory-chapter{margin-top:44px}.editorial-intro .theory-chapter h4{font-size:19px}.editorial-intro .theory-chapter p{font-size:14px}}