/* Scoped to the seven new compositions; no rules for previous designs. */
.collection-hero{position:relative;isolation:isolate;min-height:100svh;overflow:hidden;padding:90px 24px 75px;display:grid;place-items:center;color:var(--ink);background:var(--paper)}
.collection-hero .collection-illustration{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-1;pointer-events:none}.collection-hero h1{font-size:clamp(60px,10vw,116px);line-height:.98;margin:25px 0;overflow-wrap:anywhere}.collection-hero h1 i{display:block;font-size:.42em;margin:16px 0;font-weight:400}.collection-hero figure{margin:20px auto}.collection-hero figure img{width:100%;height:100%;object-fit:cover}.collection-date{font-size:16px;letter-spacing:.23em;margin:32px 0}.collection-scroll{position:absolute;bottom:24px;left:calc(50% - 20px);width:40px;height:40px;display:grid;place-items:center;color:inherit;text-decoration:none;border:1px solid currentColor;border-radius:50%}.collection-welcome{background:var(--paper);color:var(--ink)}.collection-welcome>span{font-size:45px;color:var(--accent)}
.collection-gate{background:var(--paper);color:var(--ink);padding:32px;overflow:auto}.collection-envelope{position:relative;max-width:560px;width:100%;padding:54px 24px;border:1px solid var(--accent);outline:1px solid var(--accent);outline-offset:10px;text-align:center}.collection-mark{display:block;font:54px Georgia,serif;color:var(--accent);margin:16px}.collection-gate .gate-title{font-size:clamp(30px,6vw,47px);line-height:1.12}.collection-seal{display:block;margin:24px auto;width:66px;height:66px;border:1px solid var(--accent);border-radius:50%;background:var(--accent);color:var(--paper);font-size:26px;cursor:pointer;box-shadow:0 10px 30px #0002}.collection-gate .skip-intro{position:static;display:block;margin:16px auto 0;transform:none;color:inherit}.collection-gate .gate-audio-button{background:var(--accent);color:var(--paper)}.collection-gate.opening .collection-envelope{animation:collection-open 1.1s ease forwards}.collection-gate.new-noche-de-cristal{background:radial-gradient(ellipse at top,#514268,var(--paper))}.collection-gate.new-quince-vogue .collection-envelope{border-width:3px;outline:none}.collection-gate.new-cielito .collection-envelope{border-radius:50% 50% 16px 16px;background:#fff8}.collection-gate.new-bosque-de-ternura .collection-envelope{border-radius:100px 100px 15px 15px}
.rose-letter{width:min(560px,100%);padding:65px 18px 38px;background:#fffaf5d9;border:1px solid #caa3ad;border-radius:260px 260px 8px 8px;box-shadow:0 24px 80px #7e465c17}.rose-letter h1{color:var(--accent);font-style:italic;font-size:clamp(54px,9vw,100px)}.rose-flourish{font-size:38px;color:var(--accent)}.collection-age{font:italic 32px Georgia,serif}.rose-signature{font-size:12px;letter-spacing:.16em;text-transform:uppercase}.rose-portrait{width:190px;height:210px;border-radius:48% 48% 4px 4px;overflow:hidden;border:5px solid #fff}
.crystal-arch{max-width:630px;padding:60px 24px 35px;background:linear-gradient(#161c3580,#161c35c4);border:1px solid #c6b8db;border-radius:310px 310px 0 0;width:100%;backdrop-filter:blur(2px)}.crystal-star{font-size:54px;line-height:1;color:#e5d6f4}.crystal-age{font-size:clamp(90px,17vw,165px);font-family:Georgia,serif;line-height:1;margin:10px;color:#d7c4eb;text-shadow:0 0 40px #b397d977}.crystal-arch>span:last-child{font-size:10px;letter-spacing:.3em}.crystal-portrait{width:180px;height:220px;border:1px solid #c6b8db;border-radius:150px;overflow:hidden}
.new-quince-vogue{display:block;text-align:left;max-width:none;padding:70px max(24px,calc((100vw - 1040px)/2)) 85px}.vogue-masthead{display:flex;flex-direction:column;border-bottom:2px solid var(--ink);padding-bottom:12px}.vogue-masthead>span{font-size:10px;letter-spacing:.3em}.vogue-masthead>b{font:clamp(65px,13vw,150px)/.95 Georgia,serif;letter-spacing:-.075em}.vogue-composition{display:grid;grid-template-columns:1.05fr 1fr;gap:25px;align-items:center}.vogue-copy{position:relative;z-index:1}.vogue-copy h1{font-size:clamp(48px,7vw,96px);font-style:italic;margin:16px 0}.vogue-age{display:block;font:clamp(100px,16vw,190px)/1 Georgia,serif;color:var(--accent)}.collection-hero .vogue-portrait{height:550px;position:relative;isolation:isolate;width:100%;overflow:hidden}.vogue-portrait img.collection-illustration{position:static;object-fit:cover}.vogue-portrait figcaption{position:absolute;bottom:0;left:0;background:var(--accent);color:#fff;padding:18px 10px;width:100%;text-align:center;font-size:10px;letter-spacing:.16em}.vogue-footnote{font-size:10px;letter-spacing:.16em;border-top:1px solid var(--ink);padding-top:20px}
.opalo-stationery{padding:25px 16px;width:min(620px,100%)}.opalo-monogram{font:45px Georgia,serif;color:var(--accent);letter-spacing:.1em}.opalo-monogram i{font-size:24px;margin:0 12px}.opalo-stationery h1{font-size:clamp(54px,8vw,94px);font-weight:400;letter-spacing:-.04em}.opalo-stationery h1 i{color:var(--accent);margin:20px}.opalo-rule{width:80px;height:1px;background:var(--accent);margin:30px auto}.opalo-location{font-size:12px;letter-spacing:.12em}.opalo-photo{width:180px;height:220px;border:1px solid var(--accent);padding:6px}.new-opalo>.collection-illustration{object-fit:fill}
.villa-layout{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:35px;width:min(100%,960px);text-align:left}.villa-title{z-index:1;padding:30px 0}.villa-title h1{font-size:clamp(48px,6.5vw,88px);font-style:italic}.villa-title h1 i{font-size:45px;color:var(--accent)}.villa-portrait{width:100%;height:550px;border-radius:240px 240px 0 0;background:#bac3a588;overflow:hidden;position:relative;display:grid;place-items:center}.villa-vow{font:clamp(42px,6vw,68px)/1.2 Georgia,serif;color:#4c6145;text-align:center}.villa-portrait figcaption{position:absolute;bottom:0;width:100%;padding:20px;background:#f5f2e8e8;font-size:12px;text-align:center}
.cloud-letter{margin-top:125px;background:#fffdf9eb;padding:60px 28px 35px;border-radius:250px 250px 45px 45px;width:min(610px,100%);box-shadow:0 16px 40px #7499ad14}.cloud-note{font-size:11px;letter-spacing:.22em}.cloud-letter h1{font-style:italic;color:var(--accent)}.cloud-divider{font-size:60px;color:#b5d7e7;line-height:1}.cloud-letter>p:last-child{font:24px/1.4 Georgia,serif}.cloud-photo{width:150px;height:150px;border-radius:50%;overflow:hidden}.forest-letter{margin-bottom:190px;width:min(620px,100%);padding:60px 25px;background:#fffdf5d9;border-radius:48% 48% 10px 10px;outline:1px dashed #aca181;outline-offset:10px}.forest-letter h1{font-size:clamp(60px,10vw,108px);font-style:italic;color:var(--accent)}.forest-note{font:italic 26px Georgia,serif}.forest-photo{width:155px;height:155px;border-radius:48%;overflow:hidden}
/* Catalogue accents apply only to the new cards. */
.art-vals-de-rosas .card-invite{color:#794254}.art-noche-de-cristal .card-invite{color:#f6eaff}.art-quince-vogue .card-invite{color:#3b262c;text-align:left;left:10%;right:20%}.art-opalo .card-invite{color:#66573d}.art-villa-oliva .card-invite{color:#465638}.art-cielito .card-invite{color:#3e637a}.art-bosque-de-ternura .card-invite{color:#756045;top:18%}.collection-art:is(.art-vals-de-rosas,.art-noche-de-cristal,.art-quince-vogue,.art-opalo,.art-villa-oliva,.art-cielito,.art-bosque-de-ternura):after{background:none}
@keyframes collection-open{to{transform:translateY(-35px) scale(1.035);opacity:0}}
@media(max-width:600px){.collection-hero{padding:75px 20px 70px}.collection-hero h1{overflow-wrap:anywhere}.vogue-composition{grid-template-columns:1fr 1fr;gap:12px}.collection-hero .vogue-portrait{height:410px}.vogue-copy h1{font-size:44px}.vogue-copy .collection-date{font-size:10px;letter-spacing:.08em}.vogue-copy .scene-kicker{font-size:9px}.villa-layout{grid-template-columns:1fr;gap:0;text-align:center}.villa-title{padding:15px}.villa-title h1{font-size:62px}.villa-title h1 i{display:inline-block;margin:0 8px;font-size:34px}.villa-portrait{height:310px;max-width:260px}.villa-vow{font-size:40px}.opalo-stationery{padding:25px}.opalo-stationery h1{font-size:56px}.forest-letter{margin-bottom:160px}.cloud-letter{margin-top:120px;padding:70px 16px 30px}}
@media(prefers-reduced-motion:reduce){.collection-gate.opening .collection-envelope{animation:none;opacity:0}}
