/* Five stories, five illustrations — an editorial collage inside the approved about section. */
#about .about-collage{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:28px 26px;margin-top:64px;isolation:isolate;position:relative}
#about .about-collage .collage-copy{position:relative;align-self:stretch;padding:clamp(27px,2.7vw,42px);min-width:0;border-radius:30px;background:radial-gradient(ellipse at 100% 0,#704c8920,transparent 65%),linear-gradient(140deg,#201926,#131016);border:1px solid #d4b9e52b;box-shadow:inset 0 1px 0 #f3dfff0c;transition:transform .4s,border-color .4s,box-shadow .4s}
#about .about-collage .collage-copy:hover{transform:translateY(-5px);border-color:#d4b9e56b;box-shadow:inset 0 1px 0 #f3dfff1c,0 20px 45px #0003}
#about .about-collage .mini-index{margin-bottom:26px;font:italic 38px/1 Georgia,'Times New Roman',serif;letter-spacing:-.045em;color:#baa0cf}
#about .about-collage h3{font-size:clamp(24px,2.1vw,34px);line-height:1.18;font-weight:500;letter-spacing:-.045em;margin-bottom:20px;text-wrap:balance}
#about .about-collage p{font-size:16px;line-height:1.85;color:#c7bacc;max-width:58ch;margin:0;text-wrap:pretty}
#about .about-collage .collage-copy--1{grid-column:1/5;grid-row:1;align-self:center}
#about .about-collage .collage-copy--2{grid-column:9/13;grid-row:1;align-self:end;margin-bottom:20px}
#about .about-collage .collage-copy--3{grid-column:4/9;grid-row:2;align-self:center}
#about .about-collage .collage-copy--4{grid-column:1/7;grid-row:3;align-self:center;margin-right:22px}
#about .about-collage .collage-copy--5{grid-column:7/13;grid-row:4;align-self:center;margin-left:18px}
#about .about-collage .collage-art{position:relative;min-width:0;margin:0;isolation:isolate}
#about .about-collage .collage-art-surface{height:100%;width:100%;position:relative}
#about .about-collage .collage-art img{display:block;width:100%;height:100%;transition:transform .7s cubic-bezier(.2,.65,.3,1)}
#about .about-collage .collage-art--cutout:before{content:'';position:absolute;inset:18% -4% 6%;border-radius:50%;background:radial-gradient(ellipse,#9975c528,transparent 69%);z-index:-1;pointer-events:none}
#about .about-collage .collage-art--cutout img{object-fit:contain;filter:drop-shadow(0 16px 22px #0004)}
#about .about-collage .collage-art--1{grid-column:5/9;grid-row:1;height:clamp(340px,29vw,440px);align-self:center;transform:rotate(-3deg)}
#about .about-collage .collage-art--2{grid-column:1/4;grid-row:2;align-self:center;height:clamp(270px,24vw,360px);transform:rotate(-7deg)}
#about .about-collage .collage-art--3{grid-column:9/13;grid-row:2;align-self:center;height:clamp(310px,27vw,405px);transform:rotate(3deg)}
#about .about-collage .collage-art--cutout:hover img{transform:translateY(-8px) rotate(2deg)}
#about .about-collage .collage-art-index{position:absolute;bottom:17px;left:18px;display:grid;place-items:center;width:43px;height:43px;border:1px solid #ead5f85c;border-radius:50%;font:italic 20px/1 Georgia,serif;background:#2b1c39db;color:#eee0f6;box-shadow:0 5px 18px #0002;backdrop-filter:blur(12px)}
#about .about-collage .collage-art--1 .collage-art-index{bottom:8%;left:8%}
#about .about-collage .collage-art--2 .collage-art-index{bottom:7%;left:4%}
#about .about-collage .collage-art--3 .collage-art-index{bottom:7%;left:auto;right:3%}
#about .about-collage .collage-art--scene{align-self:center;padding:9px;background:#241c2c;border:1px solid #d9bde945;box-shadow:0 20px 50px #0003,inset 0 1px 0 #fff2;aspect-ratio:1.52;border-radius:28px}
#about .about-collage .collage-art--scene .collage-art-surface{overflow:hidden;border-radius:20px}
#about .about-collage .collage-art--scene img{object-fit:cover}
#about .about-collage .collage-art--scene:hover img{transform:scale(1.035)}
#about .about-collage .collage-art--4{grid-column:7/13;grid-row:3;transform:rotate(2deg);margin:28px 5px 22px -3px}
#about .about-collage .collage-art--5{grid-column:1/7;grid-row:4;transform:rotate(-2deg);margin:24px 0 25px 4px}
@media(min-width:761px) and (max-width:1100px){
 #about .about-collage{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 30px;margin-top:46px}
 #about .about-collage .collage-copy{padding:28px;margin:0;align-self:center}
 #about .about-collage .collage-copy--1{grid-column:1;grid-row:1}
 #about .about-collage .collage-art--1{grid-column:2;grid-row:1;height:370px}
 #about .about-collage .collage-copy--2{grid-column:2;grid-row:2}
 #about .about-collage .collage-art--2{grid-column:1;grid-row:2;height:310px}
 #about .about-collage .collage-copy--3{grid-column:1;grid-row:3}
 #about .about-collage .collage-art--3{grid-column:2;grid-row:3;height:370px}
 #about .about-collage .collage-copy--4{grid-column:2;grid-row:4}
 #about .about-collage .collage-art--4{grid-column:1;grid-row:4}
 #about .about-collage .collage-copy--5{grid-column:1;grid-row:5}
 #about .about-collage .collage-art--5{grid-column:2;grid-row:5}
 #about .about-collage .collage-art--scene{margin:0;aspect-ratio:1.5;padding:7px}
 #about .about-collage .mini-index{font-size:33px;margin-bottom:23px}
 #about .about-collage h3{font-size:28px}
}
@media(max-width:760px){
 #about .about-collage{display:grid;grid-template-columns:1fr;gap:0;margin-top:42px}
 #about .about-collage .collage-copy,#about .about-collage .collage-art{grid-column:1;grid-row:auto;margin:0;min-width:0}
 #about .about-collage .collage-copy{padding:28px 25px 34px;border-radius:27px;align-self:auto}
 #about .about-collage .mini-index{font-size:34px;margin-bottom:22px}
 #about .about-collage h3{font-size:28px;margin-bottom:19px}
 #about .about-collage p{font-size:16px;line-height:1.8}
 #about .about-collage .collage-art{width:92%;justify-self:center;margin-top:16px;margin-bottom:35px}
 #about .about-collage .collage-art--cutout{height:auto;aspect-ratio:1.08;max-height:400px}
 #about .about-collage .collage-art--1{transform:rotate(-3deg);width:90%;justify-self:end;margin-top:10px}
 #about .about-collage .collage-art--2{transform:rotate(-5deg);width:84%;justify-self:start;margin-top:7px}
 #about .about-collage .collage-art--3{transform:rotate(3deg);width:98%;margin-top:15px}
 #about .about-collage .collage-art--scene{width:94%;aspect-ratio:1.5;padding:7px;margin-top:22px;margin-bottom:45px;border-radius:24px}
 #about .about-collage .collage-art--scene .collage-art-surface{border-radius:17px}
 #about .about-collage .collage-art--5{margin-bottom:12px}
 #about .about-collage .collage-art-index{width:37px;height:37px;font-size:18px;bottom:14px;left:14px}
}
@media(prefers-reduced-motion:reduce){
 #about .about-collage .collage-copy,#about .about-collage .collage-art img{transition:none}
 #about .about-collage .collage-copy:hover,#about .about-collage .collage-art--cutout:hover img,#about .about-collage .collage-art--scene:hover img{transform:none}
}