@font-face{font-family:CollectionsRomul;src:url('../assets/fonts/romul.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:CollectionsGilroy;src:url('../assets/fonts/Gilroy-Regular.woff') format('woff');font-weight:400;font-style:normal;font-display:swap}
/* One uninterrupted campaign image, with discreet captions on the page itself. */
html body.collections-index{background:#fff!important;--collection-serif:CollectionsRomul,Georgia,serif;--collection-sans:CollectionsGilroy,Arial,sans-serif}
.collections-index .collections-main{width:100%;max-width:1424px;margin:0 auto;padding:38px 56px 80px;box-sizing:border-box;background:#fff}
.collections-index .collections-intro{text-align:center;margin:0 auto 26px}
.collections-index .collections-home{display:inline-block;margin-bottom:22px;font:14px/1.5 var(--collection-sans);color:#777;text-decoration:none}
.collections-index .collections-home span{margin-left:12px;color:#aaa}
.collections-index .collections-intro h1{margin:0;font:400 clamp(26px,2.7vw,36px)/1.4 var(--collection-serif);color:#343434;letter-spacing:.025em}
.collections-index .collections-intro p{margin:14px 0 0;color:#777;font:16px/1.5 var(--collection-sans)}
.collections-index .collections-jump{display:flex;justify-content:center;flex-wrap:wrap;gap:12px 30px;margin:0 0 34px;padding:10px 0}
.collections-index .collections-jump a{color:#555;text-decoration:none;font:14px/1.5 var(--collection-sans)}
.collections-index .collections-jump a:hover{text-decoration:underline;text-underline-offset:5px}
.collections-index .collections-stories{display:grid;gap:52px}
.collections-index .collection-story{display:block;min-width:0;background:transparent;color:#343434;text-decoration:none;border:0}
.collections-index .collection-story figure{margin:0}
.collections-index .collection-story__campaign{position:relative;overflow:hidden;aspect-ratio:2/1;background:#f5f5f5}
.collections-index .collection-story__campaign img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center;transition:transform .7s ease}
.collections-index .collection-story--royal .collection-story__campaign img{object-position:center 40%}
.collections-index .collection-story--wedding .collection-story__campaign img{object-position:center 46%}
.collections-index .collection-story__copy{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:28px;padding:22px 0 0;background:transparent;box-sizing:border-box}
.collections-index .collection-story h2{grid-column:1;margin:0;font:400 clamp(23px,2.1vw,30px)/1.4 var(--collection-serif);color:#343434;letter-spacing:.015em}
.collections-index .collection-story p{grid-column:1;margin:8px 0 0;font:16px/1.5 var(--collection-sans);color:#777}
.collections-index .collection-story__link{grid-column:2;grid-row:1/3;align-self:center;display:flex;align-items:center;gap:20px;border-bottom:1px solid #bcbcbc;padding:8px 0;font:14px/1.5 var(--collection-sans);color:#555}
.collections-index .collection-story__link>span{font-size:20px;line-height:1;transition:transform .25s ease}
.collections-index .collection-story:focus-visible,.collections-index .collections-jump a:focus-visible{outline:2px solid #555;outline-offset:6px}
@media(hover:hover){.collections-index .collection-story:hover .collection-story__campaign img{transform:scale(1.015)}.collections-index .collection-story:hover .collection-story__link>span{transform:translate(2px,-2px)}}
@media(max-width:900px){.collections-index .collections-main{padding:32px 28px 60px}.collections-index .collections-stories{gap:40px}}
@media(max-width:600px){.collections-index .collections-main{padding:26px 16px 44px}.collections-index .collections-home{margin-bottom:16px}.collections-index .collections-intro{margin-bottom:20px}.collections-index .collections-jump{gap:10px 20px;margin-bottom:24px}.collections-index .collections-stories{gap:34px}.collections-index .collection-story__campaign{aspect-ratio:4/5}.collections-index .collection-story--royal .collection-story__campaign img{object-position:32% center}.collections-index .collection-story--wedding .collection-story__campaign img{object-position:74% center}.collections-index .collection-story__copy{display:block;padding-top:17px}.collections-index .collection-story p{margin-top:6px}.collections-index .collection-story__link{display:inline-flex;margin-top:10px;gap:24px}.collections-index .collections-intro p{font-size:15px}}
@media(prefers-reduced-motion:reduce){.collections-index .collection-story__campaign img,.collections-index .collection-story__link>span{transition:none}}
/* Keep the introduction out of the shared fixed-height site header rules. */
.collections-index .collections-intro{height:auto;min-height:0;display:flex;flex-direction:column;align-items:center;gap:0;margin-bottom:28px}
.collections-index .collections-intro h1,.collections-index .collection-story h2{font-family:var(--collection-serif)!important;font-weight:400!important;font-synthesis:none;letter-spacing:0;color:#343434}
.collections-index .collections-main p,.collections-index .collections-main a,.collections-index .collection-story__link{font-family:var(--collection-sans)!important;font-weight:400!important;font-synthesis:none}
.collections-index .collections-intro h1{line-height:1.45;font-size:clamp(26px,2.5vw,34px)}
.collections-index .collections-intro p{line-height:1.65;color:rgba(52,52,52,.66);margin-top:18px}
/* Edge-to-edge paired campaigns: wide/narrow, then narrow/wide. */
.collections-index .collections-main{max-width:none;width:100%;padding:36px 28px 70px}
.collections-index .collections-intro{flex-direction:row;justify-content:space-between;align-items:baseline;text-align:left;margin:0 0 20px;gap:20px}
.collections-index .collections-intro h1{font-size:clamp(28px,2.4vw,38px)}
.collections-index .collections-intro p{margin:0;font-size:17px}
.collections-index .collections-jump{justify-content:flex-start;padding:0;margin:0 0 32px;gap:12px 28px}
@media(min-width:761px){
.collections-index .collections-stories{grid-template-columns:repeat(12,minmax(0,1fr));gap:44px 24px;align-items:start}
.collections-index .collection-story{grid-column:span 5;margin:0}
.collections-index .collection-story:nth-child(4n+1),.collections-index .collection-story:nth-child(4n){grid-column:span 7}
.collections-index .collection-story .collection-story__campaign{height:clamp(360px,37vw,720px);aspect-ratio:auto}
.collections-index .collection-story--kids{grid-column:1/-1}
.collections-index .collection-story--kids .collection-story__campaign{height:clamp(360px,33vw,640px)}
.collections-index .collection-story--wedding .collection-story__campaign img{object-position:74% center}
.collections-index .collection-story__copy{display:block;padding-top:18px}
.collections-index .collection-story__link{display:inline-flex;margin-top:8px;padding:6px 0;gap:28px}
.collections-index .collection-story h2{font-size:clamp(24px,2vw,32px)}
}
@media(min-width:1600px){.collections-index .collections-main{padding-left:40px;padding-right:40px}.collections-index .collections-stories{column-gap:32px}}
@media(max-width:760px){.collections-index .collections-main{padding:26px 16px 44px}.collections-index .collections-intro{flex-direction:column;align-items:flex-start;gap:10px;margin-bottom:22px}.collections-index .collections-intro p{font-size:16px}.collections-index .collections-jump{gap:10px 22px;margin-bottom:26px}.collections-index .collections-stories{grid-template-columns:minmax(0,1fr);gap:34px}}
/* Captions sit within each campaign; the cards form one continuous mosaic. */
.collections-index .collection-story{position:relative;isolation:isolate;overflow:hidden;color:#fff}
.collections-index .collection-story__campaign{position:relative;z-index:-2}
.collections-index .collection-story__copy{position:absolute;inset:auto 0 0;display:block;padding:64px 32px 28px;background:linear-gradient(0deg,rgba(0,0,0,.68),rgba(0,0,0,.35) 62%,transparent);color:#fff;pointer-events:none}
.collections-index .collection-story h2{color:inherit!important;font-size:clamp(25px,2.15vw,36px);line-height:1.3}
.collections-index .collection-story p{color:inherit;margin:10px 0 0;font-size:16px;line-height:1.5}
.collections-index .collection-story__link{display:inline-flex;color:inherit;border-bottom:1px solid currentColor;margin-top:14px;padding:5px 0;gap:28px;font-size:14px}
.collections-index .collection-story--royal .collection-story__copy{inset:0 0 auto auto;width:52%;padding:32px 28px 58px;background:linear-gradient(180deg,rgba(255,255,255,.4),transparent);color:#343434}
.collections-index .collection-story--wedding .collection-story__copy{color:#343434;background:linear-gradient(0deg,rgba(255,255,255,.91),rgba(255,255,255,.65) 58%,transparent)}
.collections-index .collection-story--kids .collection-story__copy{color:#343434;background:linear-gradient(0deg,rgba(255,255,255,.92),rgba(255,255,255,.65) 58%,transparent)}
@media(min-width:761px){
.collections-index .collections-stories{gap:18px}
.collections-index .collection-story .collection-story__campaign{height:clamp(390px,39vw,760px)}
.collections-index .collection-story--kids .collection-story__campaign{height:clamp(360px,32vw,600px)}
.collections-index .collection-story__copy{display:block;padding:64px 32px 30px}
.collections-index .collection-story--royal .collection-story__copy{padding:32px 28px 58px}
}
@media(min-width:1600px){.collections-index .collections-stories{gap:22px}}
@media(max-width:760px){
.collections-index .collections-stories{gap:14px}
.collections-index .collection-story__campaign{aspect-ratio:4/5;min-height:390px}
.collections-index .collection-story__copy{padding:60px 24px 24px}
.collections-index .collection-story--royal .collection-story__copy{inset:auto 0 0;width:auto;padding:60px 24px 24px;background:linear-gradient(0deg,rgba(0,0,0,.72),rgba(0,0,0,.38) 60%,transparent);color:#fff}
.collections-index .collection-story h2{font-size:26px}
.collections-index .collection-story p{font-size:16px}
.collections-index .collection-story__link{margin-top:12px}
}
.collections-index .collection-story__campaign{z-index:0}
.collections-index .collection-story__copy{z-index:1}