.showcase-page{--rail-height:78px;background:#080b0c;overflow-x:clip}
.showcase-page .site-header{background:linear-gradient(180deg,#080b0ca3,transparent)}
.showcase-page button[hidden]{display:none}
.showcase-opening{position:relative;height:100svh;min-height:850px;isolation:isolate;overflow:hidden;background:#1b1917}
.scene-media{position:absolute;inset:0;overflow:hidden;z-index:0;background:#111516}
.scene-media img{height:100%;width:100%;object-fit:cover;transform:translate3d(0,var(--scene-shift,0px),0) scale(var(--scene-scale,1.07));transform-origin:center;filter:saturate(.94)}
.scene.is-in-view .scene-media img{will-change:transform}
.opening-media img{object-position:63% center}
.opening-shade{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#090b0cd9 0%,#090b0c88 40%,#090b0c0d 80%),linear-gradient(0deg,#080b0cfa 0%,#080b0c3d 26%,transparent 62%,#080b0c44 100%)}
.opening-copy{position:relative;z-index:2;padding-top:clamp(174px,20vh,245px);padding-bottom:220px}
.opening-copy .eyebrow{color:#dfd5c5;font-size:12px;letter-spacing:.16em}
.opening-copy h1{font-size:clamp(5rem,9.8vw,10rem);line-height:1.02;letter-spacing:-.06em;font-weight:400;margin-top:26px;max-width:1110px}
.opening-copy h1 em{display:block;line-height:1.07;letter-spacing:-.055em;color:#e7c892}
.opening-description{font-size:18px;line-height:1.8;color:#e0d8cc;margin-top:26px}
.opening-scroll{display:inline-flex;align-items:center;gap:30px;padding:10px 0;margin-top:28px;border-bottom:1px solid #e9e1d05c;font-size:14px;color:#f0e7d9}
.opening-scroll>span:last-child{font-size:23px;color:var(--gold)}
.opening-scroll:hover{border-color:var(--gold);color:var(--gold)}
.opening-bottom{position:absolute;bottom:38px;left:50%;transform:translateX(-50%);z-index:2;display:flex;align-items:flex-end;justify-content:space-between;gap:28px;border-top:1px solid #ffffff38;padding-top:22px}
.scene-kicker,.scene-format{font-size:12px;letter-spacing:.15em;line-height:1.7;color:#dfd9ce}
.showcase-page .opening-bottom .scene-title{font-size:30px;line-height:1.3;letter-spacing:-.025em;margin-top:7px;font-weight:400}
.opening-credit{font-size:14px;color:#d0cbc3;max-width:270px;padding-bottom:6px}
.frame-button{display:flex;align-items:center;justify-content:space-between;gap:27px;border:1px solid #ffffff75;border-radius:0;padding:12px 18px;min-height:50px;background:#10151666;backdrop-filter:blur(8px);font-size:14px;color:#fff;transition:background .2s,border-color .2s;white-space:nowrap}
.frame-button>span:last-child{font-size:24px;line-height:1}
.frame-button:hover{background:#d8b679;color:#101516;border-color:#d8b679}
.collection-rail{position:sticky;top:0;z-index:20;background:#090d0ff5;backdrop-filter:blur(16px);border-block:1px solid #ffffff20}
.rail-inner{min-height:var(--rail-height);display:flex;align-items:center;justify-content:space-between;gap:25px}
.rail-label{font-size:12px;letter-spacing:.11em;color:#a4a9a7;white-space:nowrap}
.scene-navigation{display:flex;align-items:stretch;justify-content:center;gap:30px}
.scene-navigation a{display:flex;align-items:center;gap:10px;min-height:48px;font-size:14px;line-height:1.4;color:#aeb7b5;transition:color .2s}
.scene-navigation a[aria-current=true],.scene-navigation a:hover{color:var(--gold)}
.scene-index-number{font-size:12px;color:#747e7b;font-family:var(--sans);font-variant-numeric:tabular-nums}
.scene-navigation a[aria-current=true] .scene-index-number{color:var(--gold)}
.motion-toggle{background:none;border:0;display:flex;align-items:center;justify-content:center;gap:10px;min-height:44px;font-size:14px;padding:8px 0;color:#c6ceca;white-space:nowrap}
.motion-toggle:hover{color:var(--gold)}
.motion-toggle-icon{font-size:20px;min-width:15px;color:var(--gold);line-height:1}
.collection-progress{height:2px;position:absolute;bottom:-1px;left:0;width:100%;overflow:hidden}
.collection-progress>span{display:block;height:100%;background:var(--gold);transform:scaleX(var(--collection-progress,0));transform-origin:left;will-change:transform}
.scene-chapter{height:132svh;min-height:790px;position:relative;scroll-margin-top:var(--rail-height)}
.scene-screen{position:sticky;top:var(--rail-height);height:calc(100svh - var(--rail-height));min-height:560px;isolation:isolate;overflow:hidden;background:#0b1011}
.scene-shade{position:absolute;inset:0;z-index:1;background:linear-gradient(0deg,#060b10ed 0%,#070c1066 35%,transparent 75%),linear-gradient(90deg,#07101344,transparent 70%),linear-gradient(180deg,#050a10a3,transparent 22%)}
.scene-topline{position:relative;z-index:2;padding-top:34px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.scene-format{font-size:12px;color:#dadfdc;letter-spacing:.12em}
.scene-caption{position:absolute;left:50%;bottom:55px;transform:translateX(-50%);z-index:3;display:flex;align-items:flex-end;justify-content:space-between;gap:40px}
.scene-caption>div{max-width:920px}
.scene-category{font-size:12px;letter-spacing:.17em;color:#e3c58c;margin-bottom:19px}
.showcase-page .scene-caption .scene-title{font-size:clamp(3.5rem,7.6vw,7.6rem);line-height:1.1;letter-spacing:-.055em;font-weight:400;color:#f4f0e8}
.scene-description{font-size:18px;line-height:1.7;max-width:550px;color:#d2d8d6;margin-top:20px}
.scene-watermark{position:absolute;z-index:2;right:4%;top:14%;font-family:var(--serif);font-size:clamp(100px,18vw,270px);font-style:italic;line-height:1;color:#f3e7d217;pointer-events:none}
#after-hours .scene-media img{object-position:62% center}
#worlds-unseen .scene-media img{object-position:center 44%}
#blue-hour .scene-media img{object-position:70% center}
.showcase-ready.motion-enabled .scene-chapter .scene-caption>div{opacity:0;translate:0 26px;transition:opacity .75s ease,translate .9s cubic-bezier(.2,.8,.2,1)}
.showcase-ready.motion-enabled .scene-chapter.has-entered .scene-caption>div{opacity:1;translate:0 0}
.showcase-outro{position:relative;z-index:2;background:#0b0d0e;padding:110px 0 38px}
.outro-inner{display:flex;align-items:flex-end;justify-content:space-between;gap:65px;padding-bottom:82px}
.showcase-page .outro-inner h2{font-size:clamp(3rem,5.8vw,6rem);font-weight:400;line-height:1.14;letter-spacing:-.045em;margin-top:24px}
.outro-inner h2 em{display:block}
.outro-contact{padding-bottom:6px;min-width:0}
.outro-contact .button{margin-top:0}
.outro-email{display:block;margin-top:22px;font-size:15px;color:#bec6c0;overflow-wrap:anywhere}
.outro-email:hover{color:var(--gold)}
.collection-note{border-top:1px solid var(--line);padding-top:24px;font-size:14px;line-height:1.8;color:#99a59e}
.frame-dialog{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;border:0;margin:0;padding:28px 4%;background:#070a0d;color:#f2f0ea;overflow:auto}
.frame-dialog[open]{display:grid;grid-template-rows:auto minmax(180px,1fr) auto;gap:20px}
.frame-dialog::backdrop{background:#05080bf5}
.viewer-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px}
.viewer-brand{font-size:12px;letter-spacing:.12em;color:#b3bdb8}
.viewer-close{display:flex;align-items:center;gap:20px;padding:7px 0 7px 15px;border:0;background:none;font-size:14px;min-height:44px}
.viewer-close>span:last-child{font-size:30px;line-height:1;color:var(--gold)}
.viewer-image-wrap{min-height:0;display:flex;align-items:center;justify-content:center;overflow:hidden}
.viewer-image{width:100%;height:100%;min-height:0;object-fit:contain}
.viewer-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding-bottom:4px}
.viewer-counter{font-family:var(--sans);font-size:12px;font-variant-numeric:tabular-nums;color:var(--gold);margin-bottom:4px;letter-spacing:.1em}
.showcase-page .viewer-bottom h2{font-size:24px;font-weight:400;line-height:1.45;letter-spacing:-.025em}
#viewer-note{font-size:14px;color:#97a59e;margin-top:4px}
.viewer-controls{display:flex;gap:14px}
.viewer-controls button{display:flex;align-items:center;gap:17px;min-height:48px;border:1px solid #ffffff35;padding:10px 17px;background:none;color:#e3e6df;font-size:14px}
.viewer-controls button:hover{border-color:var(--gold);color:var(--gold)}
.viewer-controls button>span[aria-hidden]{font-size:21px}
body.frame-view-open{overflow:hidden}
.showcase-page.motion-paused .scene-media img{transform:none!important;will-change:auto}
html:has(.showcase-page.motion-paused){scroll-behavior:auto}
html[lang=te] .showcase-page .opening-copy h1{font-size:clamp(3.6rem,7.1vw,6.7rem);line-height:1.6;letter-spacing:-.025em}
html[lang=te] .showcase-page .opening-copy h1 em{line-height:1.6;letter-spacing:-.025em}
html[lang=te] .showcase-page .opening-bottom .scene-title{font-size:26px;line-height:1.7}
html[lang=te] .showcase-page .scene-caption .scene-title{font-size:clamp(3.1rem,6vw,5.5rem);line-height:1.65;letter-spacing:-.025em}
html[lang=te] .showcase-page .outro-inner h2{font-size:clamp(2.8rem,4.6vw,4.8rem);line-height:1.7}
html[lang=te] .showcase-page .viewer-bottom h2{font-size:23px;line-height:1.7}
html[lang=te] .scene-kicker,html[lang=te] .scene-category,html[lang=te] .scene-format,html[lang=te] .viewer-brand,html[lang=te] .rail-label{letter-spacing:0}
html[lang=te] .scene-description{line-height:2}
@media(max-width:1200px){.scene-navigation{gap:20px}.rail-label{display:none}.rail-inner{gap:20px}.scene-navigation{justify-content:space-between;flex:1;max-width:660px}.motion-toggle{margin-left:15px}.opening-copy h1{font-size:10.3vw}.opening-credit{max-width:240px}}
@media(max-width:960px){
  .showcase-opening{min-height:800px}.opening-copy{padding-top:174px}.opening-copy h1{font-size:clamp(4.5rem,10.5vw,6.2rem)}.opening-description{font-size:17px}.opening-bottom{bottom:32px;gap:22px}.opening-credit{font-size:13px;max-width:205px}
  .scene-caption{bottom:43px;gap:25px}.showcase-page .scene-caption .scene-title{font-size:clamp(3.5rem,8vw,5rem)}.scene-description{font-size:17px;max-width:420px}.frame-button{gap:20px;padding-inline:15px}.scene-category{margin-bottom:13px}
  .outro-inner{gap:38px}.showcase-page .outro-inner h2{font-size:3.6rem}.outro-email{font-size:14px}.showcase-outro{padding-top:85px}.outro-inner{padding-bottom:60px}
  html[lang=te] .showcase-page .opening-copy h1{font-size:clamp(3.6rem,7.8vw,5rem)}
}
@media(max-width:760px){
  .showcase-page{--rail-height:94px}.showcase-opening{height:100svh;min-height:810px}.opening-copy{padding-top:168px;padding-bottom:240px}.opening-copy .eyebrow{font-size:12px;letter-spacing:.07em}.opening-copy h1{font-size:clamp(3.8rem,12.3vw,5.6rem);line-height:1.08;letter-spacing:-.05em}.opening-copy h1 em{line-height:1.13}.opening-description{font-size:16px;margin-top:23px}.opening-scroll{margin-top:22px;gap:20px}
  .opening-bottom{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:15px 18px;padding-top:21px;bottom:27px}.opening-credit{grid-column:1/-1;order:3;max-width:none;font-size:13px;padding-bottom:0}.showcase-page .opening-bottom .scene-title{font-size:25px}.opening-media img{object-position:88% center}.opening-shade{background:linear-gradient(90deg,#080b0caf,#080b0c2e),linear-gradient(0deg,#080b0cfa,transparent 60%,#080b0c7a)}
  .rail-inner{gap:12px;width:92%;height:var(--rail-height);min-height:var(--rail-height)}.scene-navigation{gap:9px;min-width:0}.scene-navigation a{flex-direction:column;align-items:flex-start;justify-content:center;gap:5px;font-size:14px;min-height:70px}.scene-index-number{font-size:12px}.motion-toggle{width:38px;min-width:38px;margin-left:0;padding:6px}.motion-toggle-label{display:none}.motion-toggle-icon{font-size:22px}
  .scene-chapter{height:auto;min-height:0}.scene-screen{position:relative;top:0;height:86svh;min-height:650px}.scene-topline{padding-top:25px;align-items:flex-start;gap:17px}.scene-kicker,.scene-format{font-size:12px;letter-spacing:.08em}.scene-format{max-width:110px;text-align:right}.scene-caption{bottom:34px;flex-direction:column;align-items:flex-start;gap:27px}.scene-caption>div{max-width:100%}.showcase-page .scene-caption .scene-title{font-size:clamp(3rem,10.3vw,4.5rem);line-height:1.18}.scene-description{font-size:16px;line-height:1.8;max-width:390px;margin-top:15px}.scene-category{font-size:12px;letter-spacing:.1em;margin-bottom:16px}.scene-watermark{font-size:130px;top:15%;right:5%}.frame-button{font-size:14px;min-height:48px;padding:10px 14px;gap:19px}
  #after-hours .scene-media img{object-position:67% center}#worlds-unseen .scene-media img{object-position:57% center}#blue-hour .scene-media img{object-position:96% center}
  .showcase-outro{padding:63px 0 28px}.outro-inner{flex-direction:column;align-items:flex-start;gap:34px;padding-bottom:45px}.showcase-page .outro-inner h2{font-size:clamp(2.8rem,10vw,4rem);line-height:1.2}.outro-contact{max-width:100%;padding:0}.outro-email{font-size:14px;margin-top:19px}.collection-note{font-size:14px;padding-top:21px}
  .frame-dialog{padding:17px 5%}.frame-dialog[open]{gap:15px;grid-template-rows:auto minmax(150px,1fr) auto}.viewer-brand{font-size:12px;letter-spacing:.05em;max-width:180px}.viewer-close{gap:12px}.viewer-bottom{display:block}.viewer-controls{margin-top:20px;justify-content:space-between;gap:15px}.viewer-controls button{flex:1;justify-content:space-between;gap:12px;padding-inline:14px}.showcase-page .viewer-bottom h2{font-size:23px}#viewer-note{font-size:13px}
  html[lang=te] .showcase-page .opening-copy h1{font-size:clamp(2.8rem,9.1vw,4.5rem);line-height:1.6}html[lang=te] .showcase-page .opening-bottom .scene-title{font-size:22px}html[lang=te] .showcase-page .scene-caption .scene-title{font-size:clamp(2.55rem,8.2vw,3.8rem);line-height:1.65}html[lang=te] .showcase-page .outro-inner h2{font-size:2.65rem;line-height:1.65}html[lang=te] .scene-navigation a{font-size:13px;line-height:1.7}
}
@media(max-width:360px){.opening-copy h1{font-size:3.5rem}.opening-copy .eyebrow{letter-spacing:0}.opening-bottom{gap:13px}.showcase-page .opening-bottom .scene-title{font-size:23px}.opening-bottom .frame-button{gap:10px;padding-inline:10px}.scene-navigation{gap:7px}.scene-navigation a{font-size:13px}.rail-inner{gap:8px}.scene-description{font-size:16px}}
@media(prefers-reduced-motion:reduce){
  .showcase-page .scene-media img{transform:none!important;will-change:auto}.showcase-page .scene-chapter{height:auto;min-height:0}.showcase-page .scene-screen{position:relative;top:0}.showcase-page .scene-caption>div{opacity:1!important;translate:none!important;transition:none!important}.collection-progress>span{will-change:auto}
}
@media(prefers-contrast:more){.scene-shade{background:linear-gradient(0deg,#05080d,transparent 100%)}.scene-description,.opening-credit,.collection-note{color:#e2e6df}}

.viewer-image[hidden],.viewer-loading[hidden]{display:none}.viewer-loading{font-size:16px;color:var(--muted);text-align:center}