/* deckhaus — 06 Selected work, phone edition.
   The 3D tunnel is desktop-only; on a phone the same three chapters become swipeable reels. */
.tunm{display:none}
@media (max-width:760px){
.tun{height:auto!important}
.tun .tun__pin{display:none}
.tunm{display:block;position:relative;padding:76px 0 64px;overflow:hidden}
.tunm::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(244,244,239,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(244,244,239,.035) 1px,transparent 1px);background-size:56px 56px;pointer-events:none;-webkit-mask-image:linear-gradient(to bottom,#000,transparent 520px);mask-image:linear-gradient(to bottom,#000,transparent 520px)}
.tunm__head{position:relative;padding:0 var(--page-margin)}
.tunm__head h2{font-family:var(--font-display);font-weight:400;letter-spacing:0;font-size:clamp(40px,11.5vw,56px);line-height:1.06;margin:22px 0 0;max-width:12ch;color:var(--paper);text-wrap:balance}
.tunm__head h2 span{color:var(--lime-500)}
.tunm__meta{display:block;margin-top:20px;font-family:var(--font-mono);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:#9A9AA2}
.tunm__ch{position:relative;margin-top:64px}
.tunm__top{padding:0 var(--page-margin);border-top:1px solid rgba(244,244,239,.14);padding-top:18px;margin:0 var(--page-margin);padding-left:0;padding-right:0}
.tunm__k{display:flex;justify-content:space-between;gap:12px;font-family:var(--font-mono);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:#9A9AA2}
.tunm__k em{font-style:normal;color:var(--lime-500)}
.tunm__w{display:block;margin-top:14px;font-family:var(--font-display);font-weight:400;letter-spacing:0;font-size:clamp(60px,18vw,92px);line-height:.98;color:var(--paper)}
.tunm__reel{display:flex;gap:12px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding:0 var(--page-margin);padding:26px var(--page-margin) 6px;-webkit-overflow-scrolling:touch;scrollbar-width:none;overscroll-behavior-x:contain}
.tunm__reel::-webkit-scrollbar{display:none}
.tunm__it{flex:none;width:calc(100vw - var(--page-margin)*2 - 22px);margin:0;scroll-snap-align:start;cursor:zoom-in;transform-origin:50% 50%;will-change:transform,opacity}
.tunm__it:last-child{margin-right:var(--page-margin)}
.tunm__f{position:relative;display:block;aspect-ratio:16/9;border-radius:10px;overflow:hidden;border:1px solid rgba(244,244,239,.16);background:#141417;box-shadow:0 30px 60px -34px rgba(0,0,0,.9)}
.tunm__f img{display:block;width:100%;height:100%;object-fit:cover}
.tunm__it.on .tunm__f{border-color:rgba(244,244,239,.34)}
.tunm__it:focus-visible{outline:none}
.tunm__it:focus-visible .tunm__f{box-shadow:var(--ring-focus)}
.tunm__cap{display:flex;align-items:baseline;gap:10px;margin-top:14px;font-family:var(--font-mono);font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--paper);min-width:0}
.tunm__cap b{font-weight:400;color:#8E8E96;font-variant-numeric:tabular-nums}
.tunm__cap i{font-style:normal;color:#9A9AA2;letter-spacing:.06em;text-transform:none;font-family:var(--font-sans);font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tunm__bar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;margin:22px var(--page-margin) 0}
.tunm__n{font-family:var(--font-mono);font-size:12px;letter-spacing:.12em;color:#8E8E96;font-variant-numeric:tabular-nums;white-space:nowrap}
.tunm__n b{font-family:var(--font-display);font-weight:400;font-size:24px;letter-spacing:0;color:var(--paper);margin-right:6px}
.tunm__prog{position:relative;height:2px;background:rgba(244,244,239,.14);border-radius:2px;overflow:hidden}
.tunm__prog s{position:absolute;left:0;top:0;bottom:0;width:100%;background:var(--paper);transform:scaleX(0);transform-origin:0 50%;text-decoration:none;transition:transform .25s cubic-bezier(.16,1,.3,1)}
.tunm__go{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 16px;border-radius:8px;border:1px solid rgba(244,244,239,.26);font-size:15px;color:var(--paper);white-space:nowrap;transition:background .2s,border-color .2s,color .2s}
.tunm__go:hover,.tunm__go:active{background:var(--paper);color:#0A0A0B;border-color:var(--paper)}
.tunm__go:focus-visible{outline:none;box-shadow:var(--ring-focus)}
.tunm__end{margin:72px var(--page-margin) 0}
.tunm__end .tun__box{max-width:none;padding:28px 22px;text-align:left}
.tunm__end .tun__box h3{font-size:clamp(28px,8vw,36px)}
.tunm__end .tun__doors{grid-template-columns:1fr;gap:8px}
.tunm__end .tun__doors a{flex-direction:row;align-items:center;gap:14px;min-height:52px;padding:0 16px}
.tunm__end .tun__acts{justify-content:flex-start;gap:14px 22px}
}
@media (max-width:760px) and (prefers-reduced-motion:reduce){.tunm__it{transform:none!important;opacity:1!important}}