.wadi{background:var(--ink);color:hsla(0,0%,100%,.82)}.wadi .top-row h1,.wadi .top-row h2{color:#fff}.panels{display:flex;gap:10px;height:clamp(460px,70vh,720px)}.panel{cursor:pointer;flex:1;min-width:0;overflow:hidden;position:relative;transition:flex 1.1s var(--ease)}.panel.on{flex:3.4}.panel img{height:100%;inset:0;object-fit:cover;position:absolute;transform:scale(1.08);transition:transform 1.6s var(--ease);width:100%}.panel.on img{transform:scale(1)}.panel:after{background:linear-gradient(180deg,transparent 45%,rgba(0,0,0,.64));content:"";inset:0;position:absolute}.panel .t{bottom:24px;color:#fff;left:24px;position:absolute;right:24px;z-index:2}.panel h4{font-size:clamp(2rem,2.8vw,3rem);font-weight:400;line-height:1}.panel .v,.panel h4{font-family:var(--serif);font-style:italic;transition:opacity .5s;white-space:nowrap}.panel .v{bottom:26px;color:#fff;font-size:clamp(1.6rem,2vw,2.2rem);left:50%;position:absolute;transform:translateX(-50%) rotate(180deg);writing-mode:vertical-rl;z-index:2}.panel p,.panel.on .v,.panel:not(.on) h4{opacity:0}.panel p{font-size:1rem;margin-top:10px;max-width:36ch;transform:translateY(12px);transition:opacity .6s,transform .9s var(--ease)}.panel.on p{opacity:1;transform:none;transition-delay:.35s}@media(max-width:1000px){.panels{flex-direction:column;height:auto}.panel,.panel.on{flex:none;height:360px}.panel p{transform:none}.panel p,.panel:not(.on) h4{opacity:1}.panel .v{display:none}}.wadi .panel .no-ph{align-items:center;background:var(--stone);display:flex;inset:0;justify-content:center;padding:20px;position:absolute}.wadi .panel .no-ph .pending{margin:0}