/* A quiet garden around the photographs: all texture is supplied artwork. */
.journal-world{position:relative;isolation:isolate;margin-top:100px;padding:65px 0 35px}
.journal-world::before,.journal-world::after{content:"";position:absolute;z-index:-1;pointer-events:none;background-repeat:no-repeat;background-size:cover;mix-blend-mode:multiply;mask-image:radial-gradient(ellipse at center,#000 15%,transparent 72%)}
.journal-world::before{background-image:url('assets/soft-rose.jpeg');width:90%;height:1400px;max-height:38%;top:0;right:-5%;opacity:.38}
.journal-world::after{background-image:url('assets/pink-blooms.jpeg');width:95%;height:1700px;max-height:42%;bottom:4%;left:-5%;opacity:.23}
.journal-heading{margin:0 0 65px;padding:0;border:0;position:relative;max-width:650px}
.journal-heading h2{font-size:clamp(48px,6.5vw,96px);font-style:italic;letter-spacing:-.035em;margin:18px 0 22px}
.journal-heading p{margin:0;max-width:420px}
.journal-gallery{grid-template-columns:repeat(12,minmax(0,1fr));gap:70px 24px;align-items:start;padding:12px 2% 30px}
.journal-gallery figure{grid-column:2/span 5;transform:rotate(-.8deg);position:relative}
.journal-gallery figure:nth-child(even){grid-column:8/span 5;margin-top:135px;transform:rotate(1deg)}
.journal-gallery figure:nth-child(4n+3){grid-column:1/span 5;margin-top:-50px;transform:rotate(.7deg)}
.journal-gallery figure:nth-child(4n+4){grid-column:7/span 5;margin-top:90px;transform:rotate(-.6deg)}
.journal-gallery figure:nth-child(5),.journal-gallery figure:nth-child(9){grid-column:2/span 4;margin-top:35px}
.journal-gallery img{box-shadow:0 16px 35px #6a2a4317;border:7px solid #fff3f3}
.journal-gallery figcaption{font-size:14px;letter-spacing:.03em;padding:13px 7px 0}
.explore,.about-copy,.editorial{position:relative;isolation:isolate}
.explore::before,.about-copy::before,.editorial::before{content:"";position:absolute;z-index:-1;pointer-events:none;background-repeat:no-repeat;mix-blend-mode:multiply}
.explore::before{inset:0 0 auto auto;width:40%;height:650px;background:url('assets/scalloped-lace.jpeg') right top/cover no-repeat;opacity:.36;mask-image:linear-gradient(to bottom,#000 30%,transparent)}
.about-copy::before{inset:auto 0 0;height:45%;background:url('assets/rose-lace.jpeg') center/cover;opacity:.12;mask-image:linear-gradient(to bottom,transparent,#000)}
.editorial::before{inset:0;background:url('assets/floral-lace.jpeg') right center/60% auto no-repeat;opacity:.17;mask-image:linear-gradient(90deg,transparent 15%,#000)}
.columns{background:#fbe0e9c9}
.salon-interlude{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:7%;padding:65px 8%;background:#f5d1dd}
.salon-interlude img{width:100%;max-width:540px;height:auto;object-fit:contain;transform:rotate(-.6deg)}
.salon-interlude p{position:static;padding:0;background:none;max-width:100%;font-size:clamp(42px,5.7vw,84px)}
.draped-interlude{background:linear-gradient(110deg,#f5d1dd,#fce5eb);padding:65px 8%}
.draped-interlude img{width:min(100%,520px);transform:rotate(.7deg)}
.editorial-covers{align-items:start}
.editorial-covers img{aspect-ratio:3/4;object-fit:contain}
@media(max-width:900px){
 .journal-gallery{gap:55px 16px;padding-inline:0}
 .journal-gallery figure:nth-child(even){margin-top:90px}
 .journal-gallery figure:nth-child(4n+4){margin-top:65px}
}
@media(max-width:600px){
 .salon-interlude{grid-template-columns:1fr;padding:40px 8%;gap:28px}
 .salon-interlude p{font-size:42px;grid-row:1}
 .salon-interlude img{height:auto}
 .draped-interlude{padding:40px 10%}
 .journal-world{margin-top:65px;padding-top:30px}
 .journal-heading{margin-bottom:40px}
 .journal-heading h2{font-size:clamp(44px,12vw,68px)}
 .journal-gallery{display:flex;flex-direction:column;gap:40px;padding:8px 2% 20px}
 .journal-gallery figure,.journal-gallery figure:nth-child(n){width:87%;margin:0;align-self:flex-start;transform:rotate(-.65deg)}
 .journal-gallery figure:nth-child(even){width:80%;align-self:flex-end;transform:rotate(.65deg)}
 .journal-gallery figure:nth-child(5),.journal-gallery figure:nth-child(9){width:74%;margin-left:5%}
 .journal-gallery img{border-width:5px;box-shadow:0 10px 24px #6a2a4315}
 .journal-world::before{width:112%;right:-6%;height:1300px;max-height:26%;opacity:.34}
 .journal-world::after{width:112%;left:-6%;height:1600px;max-height:30%;bottom:20%;opacity:.24}
 .explore::before{width:65%;height:500px;opacity:.27}
 .editorial::before{background-size:auto 100%;opacity:.12}
}
