.oppos-page{background:#f1f1e9;color:#252525}.oppos-page header{background:#202020;color:#eeeEE7}.project-lead{padding:34px 4.7% 30px;display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:18px}.project-lead>a{grid-column:1/-1;font-size:8px;letter-spacing:1px}.project-lead h1{font:clamp(90px,13vw,180px)/.85 DVKDisplay;margin:0;letter-spacing:-2px}.project-lead>div{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px 20px;font-size:8px;letter-spacing:.7px;line-height:1.8}.oppos-gallery{padding:0 4.7% 35px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 8px;align-items:start}.oppos-piece{margin:0;min-width:0}.piece-0{grid-column:1/-1}.open-image{display:block;position:relative;width:100%;padding:0;border:0;background:#e4e3da;cursor:zoom-in;overflow:hidden;aspect-ratio:3/2}.piece-0 .open-image{aspect-ratio:16/7}.piece-1 .open-image,.piece-2 .open-image{aspect-ratio:4/5}.open-image img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center}.piece-1 img{object-position:50% 60%}.piece-2 img{object-position:50% 40%}.expand{position:absolute;right:12px;bottom:12px;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#111b;color:#fff;font-family:Arial,sans-serif;font-size:19px}.oppos-piece figcaption{padding:11px 0 4px;min-height:38px;display:flex;align-items:center;gap:20px;font-size:9px;border-bottom:1px solid #25252522}.oppos-piece figcaption>span{color:#747969}.project-documents{padding:0 4.7% 45px;font-size:10px}.project-documents summary{cursor:pointer;padding:15px 0;border-top:1px solid #25252533}.project-documents>div{display:flex;flex-wrap:wrap;gap:20px;padding:15px 0}.project-documents a{border-bottom:1px solid #25252560;padding-bottom:6px}.project-end{padding:45px 4.7%;background:#F17D43;display:flex;flex-direction:column;gap:25px}.project-end>span{font-size:8px;letter-spacing:1px}.project-end>a:nth-child(2){font:clamp(60px,11vw,160px)/1 DVKDisplay}.project-end>a:last-child{font-size:10px}.oppos-page footer{border-color:#25252533}dialog{padding:0;border:1px solid #777;background:#202020;color:#eeeEE7;width:min(96vw,1450px);max-height:96svh}dialog::backdrop{background:#050605eb}.viewer-head,.viewer-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 20px;font-size:10px}.viewer-head button,.viewer-controls button{border:0;background:none;color:inherit;padding:8px;font-size:10px}.image-stage{height:calc(92svh - 130px)}.image-stage img{width:100%;height:100%;display:block;object-fit:contain}.viewer-open{overflow:hidden}@media(max-width:580px){.project-lead{display:block;padding:28px 5% 24px}.project-lead h1{font-size:29vw;margin:24px 0 20px}.project-lead>div{justify-content:flex-start;font-size:7px;gap:8px 14px}.oppos-gallery{padding:0 5% 25px;gap:16px 5px}.piece-0 .open-image{aspect-ratio:4/3}.oppos-piece figcaption{font-size:6px;gap:7px;line-height:1.5;min-height:36px;align-items:start;padding-top:9px}.expand{width:27px;height:27px;right:8px;bottom:8px;font-size:16px}.project-documents{padding:0 5% 30px;font-size:9px}.project-end{padding:40px 5%;gap:20px}.project-end>span{font-size:6px}.viewer-head,.viewer-controls{font-size:8px;padding:10px;gap:8px}.viewer-controls button,.viewer-head button{font-size:9px}.image-stage{height:calc(85svh - 100px)}}