.room-file{padding:120px 0 180px;background:#171313;color:#fff;position:relative}.room-file:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:82px 82px}.room-file-head{position:relative;margin-bottom:80px}.section-tag.pale{display:inline-block;color:#d19ba1}.room-file-head h2{max-width:1100px;margin:28px 0 0;font:700 clamp(58px,7.8vw,118px)/.82 var(--sans);letter-spacing:-.075em;text-transform:uppercase}.file-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);gap:70px;align-items:start}.file-viewport{position:sticky;top:115px;height:calc(100vh - 145px);min-height:620px;overflow:hidden;border:1px solid rgba(255,255,255,.25);background:#0d0b0b;box-shadow:24px 24px 0 rgba(116,47,54,.3)}.file-scenes,.file-photo,.file-shade,.file-crosshair{position:absolute;inset:0}.file-photo{opacity:0;transition:opacity .5s,transform 1.2s;transform:scale(1.035)}.file-photo.active{opacity:1;transform:scale(1)}.file-photo img{width:100%;height:100%;object-fit:cover}.file-shade{background:linear-gradient(0deg,rgba(10,8,8,.9),transparent 56%),linear-gradient(90deg,rgba(10,8,8,.28),transparent 50%)}.file-crosshair:before,.file-crosshair:after{content:"";position:absolute;background:rgba(220,190,193,.36)}.file-crosshair:before{width:1px;top:14%;bottom:25%;left:50%}.file-crosshair:after{height:1px;left:10%;right:10%;top:47%}.file-hud{position:absolute;z-index:3;top:20px;left:22px;right:22px;display:flex;justify-content:space-between;font:700 7px var(--mono);letter-spacing:.12em;color:#e1b0b5}.file-number{position:absolute;z-index:3;right:7%;top:37%;font:italic 400 108px/.8 var(--serif);color:#e3a5ac;text-shadow:0 10px 30px rgba(0,0,0,.35)}.file-data{position:absolute;z-index:3;left:22px;right:22px;bottom:67px;display:grid;grid-template-columns:1.1fr .9fr .9fr;background:rgba(13,10,10,.78);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(9px)}.file-data span{min-height:68px;padding:14px;border-right:1px solid rgba(255,255,255,.16)}.file-data span:last-child{border:0}.file-data small{display:block;color:#958b88;font:6px var(--mono);text-transform:uppercase}.file-data b{font-size:9px;text-transform:uppercase}.file-caption{position:absolute;z-index:3;left:23px;right:23px;bottom:20px;margin:0;color:#ddd5d0;font-size:10px;line-height:1.5}.file-steps{padding-top:10vh}.file-step{min-height:78vh;padding:50px 0 75px;display:grid;grid-template-columns:100px 1fr;gap:20px;border-top:1px solid rgba(255,255,255,.22);opacity:.34;transition:opacity .4s}.file-step.active{opacity:1}.file-step>span{font:italic 400 72px/.8 var(--serif);color:#c0757d}.file-step h3{margin:12px 0 22px;font:700 clamp(44px,5vw,74px)/.87 var(--sans);letter-spacing:-.065em;text-transform:uppercase}.file-step p:not(.mini){max-width:550px;color:#c5bdb8;font-size:15px;line-height:1.75}.file-step a{display:inline-block;margin-top:18px;color:#e5a9af;font:700 8px var(--mono);text-transform:uppercase}.file-mobile{display:none}
@media(max-width:900px){.room-file{padding:95px 0 110px}.room-file-head{margin-bottom:45px}.room-file-head h2{font-size:clamp(48px,13vw,77px)}.file-grid{display:block}.file-viewport{display:none}.file-steps{padding-top:0}.file-step{min-height:0;display:grid;grid-template-columns:66px 1fr;padding:45px 0 65px;opacity:1}.file-step>span{font-size:52px}.file-step h3{font-size:clamp(40px,10vw,58px)}.file-mobile{display:block;grid-column:1/-1;margin-top:28px;border:1px solid rgba(255,255,255,.24);overflow:hidden}.file-mobile img{width:100%;aspect-ratio:1.5;object-fit:cover}.file-step:nth-child(4) .file-mobile img{aspect-ratio:1.82}.file-data{grid-template-columns:1fr}}
.file-shade{background:linear-gradient(0deg,rgba(10,8,8,.72),transparent 56%),linear-gradient(90deg,rgba(10,8,8,.16),transparent 50%)}.file-photo img{filter:contrast(1.08) saturate(1.04)}