/* 005: photo collage first, followed by the makeup selection and a small photo notebook. */
.home .editor-cover{padding:0}
.cover-heading{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center;border-top:1px solid var(--editor-rule);padding:12px 0 16px}
.cover-name .eyebrow{font:10px/1.6 Georgia,serif;letter-spacing:.2em;margin:0 0 8px}
.cover-name h1{font:40px/1.2 var(--editor-serif);letter-spacing:.16em;margin:0}
.cover-heading-note{display:flex;align-items:center;justify-content:space-between;gap:24px;min-width:0}
.cover-heading-note .cover-deck{font:20px/1.6 var(--editor-serif);color:var(--ink);margin:0;max-width:320px;white-space:normal}
.cover-heading-note .text-link{font-size:12px;white-space:nowrap;gap:15px;flex-shrink:0}
.cover-montage{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:repeat(2,minmax(0,1fr));gap:12px;height:336px}
.cover-montage figure{margin:0;min-width:0;min-height:0;display:grid;grid-template-rows:minmax(0,1fr) 24px;background:var(--paper)}
.cover-montage figure>a{display:block;min-height:0;overflow:hidden}
.cover-montage img{width:100%;height:100%;object-fit:cover;transition:transform .45s}
.cover-montage a:hover img{transform:scale(1.02)}
.cover-montage figcaption{font-size:10px;line-height:24px;letter-spacing:.03em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--muted);border-bottom:1px solid var(--editor-rule)}
.cover-main{grid-column:1;grid-row:1/3}
.cover-main img{object-position:center 50%}
.cover-product:nth-child(2){grid-column:2;grid-row:1/3}
.cover-product:nth-child(3){grid-column:3;grid-row:1}
.cover-look{grid-column:3;grid-row:2}
.cover-look img{object-position:center 35%}
.home .photo-notebook{display:grid;grid-template-columns:.85fr 1.15fr;gap:44px;align-items:center;padding-block:22px;border-bottom:1px solid var(--editor-rule)}
.photo-note-copy{min-width:0;max-width:480px}
.photo-note-copy .eyebrow{font-size:9px;line-height:1.8;margin-bottom:10px}
.photo-note-copy h2{font:26px/1.65 var(--editor-serif);white-space:pre-line;letter-spacing:.02em;margin:0 0 15px}
.photo-note-copy .lead{font-size:13px;line-height:1.9;margin:0 0 8px;max-width:440px}
.photo-note-copy .text-link{font-size:12px}
.photo-carousel{min-width:0}
.photo-swiper{width:100%;height:220px;background:#eee8e4}
.photo-swiper .swiper-slide{display:grid;grid-template-rows:minmax(0,1fr) 44px;overflow:hidden}
.photo-swiper .hero-photo{position:static;width:100%;height:100%;object-fit:cover;object-position:center 50%}
.photo-caption{background:var(--cream);padding:5px 0;min-width:0;border-bottom:1px solid var(--editor-rule)}
.photo-caption strong{display:block;font:13px/1.5 var(--editor-serif);font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.photo-caption p{font-size:10px;line-height:1.6;margin:0;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.photo-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:44px}
.photo-credit{font-size:9px;line-height:1.6;color:var(--muted);max-width:340px}
.photo-controls .hero-controls{gap:12px;flex-shrink:0}
.photo-controls button{width:44px;min-width:44px;height:44px;flex:0 0 44px}
@media(min-width:1600px){.cover-name h1{font-size:42px}.cover-montage{height:340px}}
@media(max-width:1199px){
 .cover-name h1{font-size:36px}.cover-heading-note .cover-deck{font-size:18px}.cover-heading-note{gap:16px}
 .cover-montage{height:314px;gap:10px}.home .photo-notebook{gap:32px}.photo-note-copy h2{font-size:24px}
}
@media(max-width:991px) and (min-width:768px){
 .cover-heading{grid-template-columns:.8fr 1.2fr;gap:20px}.cover-heading-note .text-link{font-size:11px;gap:8px}
 .cover-montage{grid-template-columns:1.7fr 1fr 1fr;height:300px}.home .photo-notebook{grid-template-columns:.9fr 1.1fr;gap:24px}
 .photo-note-copy h2{font-size:21px}.photo-credit{display:none}.photo-controls{justify-content:flex-end}
}
@media(max-width:767px){
 .cover-heading{grid-template-columns:1fr 1.3fr;gap:15px;padding:6px 0 10px}
 .cover-name .eyebrow{font-size:7px;letter-spacing:.13em;margin-bottom:5px}.cover-name h1{font-size:27px;line-height:1.25;letter-spacing:.1em}
 .cover-heading-note{display:block}.cover-heading-note .cover-deck{font-size:16px;line-height:1.55}.cover-heading-note .text-link{display:none}
 .cover-montage{grid-template-columns:1.35fr 1fr;grid-template-rows:repeat(3,minmax(0,1fr));gap:8px;height:280px}
 .cover-montage figure{grid-template-rows:minmax(0,1fr) 20px}.cover-montage figcaption{font-size:8px;line-height:20px;letter-spacing:0}
 .cover-main{grid-column:1;grid-row:1/4}.cover-main img{object-position:54% center}
 .cover-product:nth-child(2){grid-column:2;grid-row:1}.cover-product:nth-child(3){grid-column:2;grid-row:2}.cover-look{grid-column:2;grid-row:3}
 .home .photo-notebook{grid-template-columns:.9fr 1.1fr;gap:15px;padding-block:14px}
 .photo-note-copy .eyebrow{display:none}.photo-note-copy h2{font-size:17px;line-height:1.6;letter-spacing:0;margin-bottom:7px;white-space:normal;text-wrap:balance}
 .photo-note-copy .lead{font-size:11px;line-height:1.8;margin-bottom:3px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
 .photo-note-copy .text-link{font-size:11px;gap:12px;min-height:44px}
 .photo-swiper{height:134px}.photo-swiper .swiper-slide{grid-template-rows:1fr}.photo-caption,.photo-credit{display:none}
 .photo-controls{gap:0;justify-content:center;min-height:44px}.photo-controls .hero-controls{gap:5px}.photo-controls .hero-pagination{min-width:34px;font-size:11px}
}
@media(max-width:359px){
 .cover-name h1{font-size:24px}.cover-heading-note .cover-deck{font-size:14px}.cover-heading{gap:12px}
 .cover-montage{gap:7px}.home .photo-notebook{gap:12px}.photo-note-copy h2{font-size:16px}
 .photo-controls .hero-controls{gap:3px}.photo-controls .hero-pagination{min-width:28px}
}