.ponte-intro-card h1>span{display:block;white-space:nowrap}
.art-walk{grid-column:1/-1;position:relative;min-height:1650px;padding:70px 4vw;background:#303a58;color:#fff;border-radius:22px;overflow:hidden}.art-walk>header{position:relative;z-index:3;max-width:680px}.art-walk h2{margin:30px 0 16px;font-size:clamp(46px,7vw,92px);line-height:.98;letter-spacing:-.07em}.art-wall{position:relative;height:1320px;margin-top:50px;perspective:1400px;perspective-origin:50% 45%}.art-piece{--move-x:0px;--move-y:0px;--flip:0deg;--zoom:1;position:absolute;margin:0;padding:10px 10px 42px;background:#fff;color:#303238;border-radius:5px;box-shadow:0 22px 55px #1118;transform:translate3d(var(--move-x),var(--move-y),0) rotate(var(--base-angle)) rotateY(var(--flip)) scale(var(--zoom));transform-origin:center;transform-style:preserve-3d;will-change:transform}.art-piece::after{content:"PONTE ART / BACK";position:absolute;inset:0;display:grid;place-items:center;padding:24px;background:#f3e56b;color:#303a58;border:10px solid #fff;border-radius:inherit;font:700 12px "Courier New",monospace;letter-spacing:.12em;text-align:center;transform:rotateY(180deg);backface-visibility:hidden}.art-piece:nth-child(even)::after{background:#b9ddcf}.art-piece:nth-child(3n)::after{background:#ef806c}.art-piece img,.art-piece>span,.art-piece figcaption{backface-visibility:hidden}.art-piece img{display:block;width:100%;height:100%;object-fit:cover}.art-piece figcaption{position:absolute;left:14px;bottom:14px;font:600 10px "Courier New",monospace}.photo-one{--base-angle:-4deg;left:3%;top:120px;width:32%;height:520px}.paper-sun{--base-angle:5deg;right:8%;top:0;width:28%;height:330px}.photo-two{--base-angle:2deg;left:38%;top:510px;width:46%;height:390px}.blue-lines{--base-angle:6deg;left:8%;top:850px;width:27%;height:300px}.cut-paper{--base-angle:-5deg;right:4%;top:970px;width:31%;height:260px}.paper-sun span,.blue-lines span,.cut-paper span{display:block;width:100%;height:100%}.paper-sun span{background:radial-gradient(circle at 68% 35%,#f3e56b 0 22%,transparent 23%),linear-gradient(145deg,#ef806c 0 38%,#9fc7dc 39% 67%,#fff 68%)}.blue-lines span{background:repeating-radial-gradient(ellipse at 20% 80%,#303a58 0 7px,#9fc7dc 8px 16px,#fff 17px 27px)}.cut-paper span{background:conic-gradient(from 30deg at 30% 45%,#ef806c,#f3e56b,#b9ddcf,#9fc7dc,#ef806c)}
@media(max-width:900px){.ponte-intro-card h1{font-size:clamp(40px,7vw,56px)}}
@media(max-width:700px){.art-walk{min-height:1420px;padding:55px 18px}.art-walk h2{font-size:44px}.art-wall{height:1120px}.photo-one{left:2%;top:90px;width:58%;height:390px}.paper-sun{right:2%;top:10px;width:40%;height:240px}.photo-two{left:15%;top:500px;width:80%;height:320px}.blue-lines{left:2%;top:810px;width:45%;height:230px}.cut-paper{right:2%;top:900px;width:46%;height:210px}}
@media(max-width:560px){.ponte-intro-card h1{font-size:min(10.5vw,42px)}}
@media(prefers-reduced-motion:reduce){.art-piece{--move-x:0px!important;--move-y:0px!important;--flip:0deg!important;--zoom:1!important}}
.art-walk>header{max-width:760px}.art-walk h2{font-size:clamp(44px,6vw,78px)}.art-walk h2 span{display:block;white-space:nowrap}
@media(max-width:700px){.art-walk h2{font-size:min(9vw,34px)}}