.about-hero{min-height:780px;overflow:hidden;background:linear-gradient(110deg,var(--paper) 0 68%,var(--pink) 68%)}
.about-hero .page-title{position:relative;z-index:2}
.about-hero .page-lede{position:relative;z-index:3;max-width:560px;margin-right:30%;background:rgba(245,229,216,.84);padding:18px;transform:rotate(-1deg)}
.about-hero-photo{position:absolute;right:5vw;top:6vw;width:29vw;height:610px;background:#fff;padding:13px 13px 52px;transform:rotate(4deg);box-shadow:14px 15px 0 rgba(168,144,142,.13)}
.about-hero-photo img{width:100%;height:100%;object-fit:cover;object-position:center 28%;filter:saturate(.78) contrast(.96)}
.about-hero-photo span{position:absolute;bottom:13px;left:18px;font:9px/1.5 var(--mono);letter-spacing:.08em}
.photo-tape{position:absolute;top:-16px;left:35%;width:110px;height:34px;background:rgba(228,212,212,.83);transform:rotate(-7deg)}
.photo-scrapbook{height:900px;background:#D6C5C5;position:relative;overflow:hidden;border-top:1px solid}
.photo-scrapbook:before{content:"ARCHIVE OF A CREATIVE LIFE · 01";position:absolute;left:3vw;top:35px;font:9px var(--mono);letter-spacing:.13em}
.photo-frame{position:absolute;background:#fff;padding:12px 12px 45px;box-shadow:9px 12px 0 rgba(67,55,58,.13);transition:transform .35s}
.photo-frame:hover{z-index:8!important;transform:rotate(0) scale(1.025)}
.photo-frame img{width:100%;height:100%;object-fit:cover;filter:saturate(.82)}
.photo-frame small{position:absolute;left:14px;bottom:14px;font:8px var(--mono);letter-spacing:.06em}
.frame-one{width:36vw;height:610px;left:7vw;top:110px;transform:rotate(-5deg);z-index:2}.frame-one img{object-position:center 30%}
.frame-two{width:27vw;height:700px;left:38vw;top:70px;transform:rotate(3deg);background:#F5E5D8;z-index:4}.frame-two img{object-fit:contain}
.frame-three{width:30vw;height:560px;right:5vw;top:190px;transform:rotate(7deg);z-index:3}.frame-three img{object-position:center 20%}
.frame-four{width:17vw;height:300px;left:2vw;bottom:28px;transform:rotate(8deg);z-index:5}.frame-four img{object-position:center 24%}
.frame-five{width:16vw;height:280px;right:1.5vw;bottom:20px;transform:rotate(-8deg);z-index:5}.frame-five img{object-position:center 22%}
.scrap-note{position:absolute;z-index:6;right:6vw;top:80px;background:#E9D2C2;padding:26px 35px;font:23px/1.35 "Bradley Hand",cursive;transform:rotate(-5deg);box-shadow:4px 5px 0 rgba(67,55,58,.15)}
.scrap-star{position:absolute;z-index:7;left:44%;bottom:30px;color:var(--rust);font-size:80px;animation:spin 18s linear infinite}
.manifesto-cut img{object-position:center 18%}
.hub-art img{object-position:center 32%;filter:saturate(.8)}
.contact-art img{object-position:center 24%;filter:saturate(.78)}
@media(max-width:850px){.about-hero{min-height:900px;background:linear-gradient(180deg,var(--paper) 0 55%,var(--pink) 55%)}.about-hero .page-lede{margin:0;width:78%;padding:13px}.about-hero-photo{top:auto;bottom:35px;width:52vw;height:440px}.photo-scrapbook{height:1170px}.frame-one{width:66vw;height:500px;left:5vw}.frame-two{width:48vw;height:560px;left:48vw;top:310px}.frame-three{width:58vw;height:470px;left:8vw;right:auto;top:650px}.frame-four,.frame-five{display:none}.scrap-note{right:3vw;top:60px;font-size:18px}.scrap-star{left:auto;right:8%;bottom:40px}.manifesto-cut img{object-position:center 20%}}
@media(max-width:520px){.about-hero{min-height:880px}.about-hero .page-lede{width:100%;font-size:18px}.about-hero-photo{right:8vw;width:70vw;height:430px}.photo-scrapbook{height:1220px}.frame-one{width:85vw;height:480px;top:95px}.frame-two{width:65vw;height:510px;left:32vw;top:470px}.frame-three{width:73vw;height:420px;top:790px}.scrap-note{top:35px}.hub-art img{width:92%;height:520px}.contact-art img{width:92%;height:500px}}