The Arrival Collection \u2014 Experience One<\/title>\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\" \/>\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin \/>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400;1,500&family=Jost:wght=200;300;400;500&display=swap\" rel=\"stylesheet\" \/>\r\n\r\n<style>\r\n \/* \u2500\u2500\u2500 TOKENS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n :root {\r\n --olive: #4a5240;\r\n --olive-deep: #333829;\r\n --olive-mid: #5e6650;\r\n --olive-light: #7a8568;\r\n --olive-pale: #c8cdb8;\r\n --cream: #f5f0e8;\r\n --cream-warm: #ede6d6;\r\n --cream-dark: #d9cebb;\r\n --gold: #b8a170;\r\n --gold-light: #d4bc8a;\r\n --gold-pale: #e8d9b8;\r\n --ink: #1e1f1a;\r\n --mist: rgba(74, 82, 64, 0.06);\r\n\r\n --ff-serif: 'Cormorant Garamond', Georgia, serif;\r\n --ff-sans: 'Jost', sans-serif;\r\n\r\n --ease-luxury: cubic-bezier(0.22, 1, 0.36, 1);\r\n --ease-slow: cubic-bezier(0.4, 0, 0.2, 1);\r\n }\r\n\r\n *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n html { scroll-behavior: smooth; }\r\n\r\n body {\r\n background: var(--cream);\r\n color: var(--ink);\r\n font-family: var(--ff-sans);\r\n font-weight: 300;\r\n -webkit-font-smoothing: antialiased;\r\n overflow-x: hidden;\r\n }\r\n\r\n \/* \u2500\u2500\u2500 NOISE GRAIN OVERLAY \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n body::before {\r\n content: '';\r\n position: fixed;\r\n inset: 0;\r\n background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'\/%3E%3C\/svg%3E\");\r\n pointer-events: none;\r\n z-index: 9999;\r\n opacity: 0.4;\r\n }\r\n\r\n \/* \u2500\u2500\u2500 ENTRY ANIMATIONS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n @keyframes fadeUp {\r\n from { opacity: 0; transform: translateY(32px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n @keyframes fadeIn {\r\n from { opacity: 0; }\r\n to { opacity: 1; }\r\n }\r\n @keyframes lineExpand {\r\n from { transform: scaleX(0); }\r\n to { transform: scaleX(1); }\r\n }\r\n @keyframes float {\r\n 0%, 100% { transform: translateY(0px); }\r\n 50% { transform: translateY(-6px); }\r\n }\r\n @keyframes shimmer {\r\n 0% { background-position: -200% center; }\r\n 100% { background-position: 200% center; }\r\n }\r\n\r\n .reveal {\r\n opacity: 0;\r\n transform: translateY(28px);\r\n transition: opacity 0.9s var(--ease-luxury), transform 0.9s var(--ease-luxury);\r\n }\r\n .reveal.visible {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n\r\n \/* \u2500\u2500\u2500 SECTION SHELL \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n .arrival-section {\r\n position: relative;\r\n background: var(--cream);\r\n min-height: 100vh;\r\n padding: 0;\r\n overflow: hidden;\r\n }\r\n\r\n .arrival-section::after {\r\n content: '';\r\n position: absolute;\r\n top: 0; right: 0;\r\n width: 1px;\r\n height: 100%;\r\n background: linear-gradient(to bottom, transparent, var(--olive-pale) 30%, var(--olive-pale) 70%, transparent);\r\n opacity: 0.4;\r\n }\r\n\r\n \/* \u2500\u2500\u2500 TOP BAR \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n .top-bar {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n padding: 2rem 2.5rem;\r\n border-bottom: 1px solid var(--cream-dark);\r\n animation: fadeIn 1.2s var(--ease-luxury) both;\r\n }\r\n\r\n .brand-wordmark {\r\n font-family: var(--ff-serif);\r\n font-size: 1.1rem;\r\n font-weight: 400;\r\n letter-spacing: 0.18em;\r\n color: var(--olive-deep);\r\n text-transform: uppercase;\r\n }\r\n\r\n .collection-number {\r\n font-family: var(--ff-sans);\r\n font-size: 0.65rem;\r\n font-weight: 400;\r\n letter-spacing: 0.25em;\r\n color: var(--olive-light);\r\n text-transform: uppercase;\r\n }\r\n\r\n \/* \u2500\u2500\u2500 HERO LAYOUT \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n .hero-grid {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n gap: 0;\r\n position: relative;\r\n }\r\n\r\n @media (min-width: 900px) {\r\n .hero-grid {\r\n grid-template-columns: 55% 45%;\r\n min-height: calc(100vh - 80px);\r\n }\r\n }\r\n\r\n \/* \u2500\u2500\u2500 PRIMARY IMAGE PANEL \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n .image-primary {\r\n position: relative;\r\n overflow: hidden;\r\n background: var(--olive-deep);\r\n min-height: 65vw;\r\n }\r\n\r\n @media (min-width: 900px) {\r\n .image-primary {\r\n min-height: unset;\r\n }\r\n }\r\n\r\n .image-primary-inner {\r\n position: absolute;\r\n inset: 0;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n background: linear-gradient(160deg, #2c3027 0%, #1e2119 40%, #2a2d22 100%);\r\n transition: transform 0.9s var(--ease-luxury);\r\n }\r\n\r\n .image-primary:hover .image-primary-inner {\r\n transform: scale(1.025);\r\n }\r\n\r\n .corner-mark {\r\n position: absolute;\r\n width: 28px;\r\n height: 28px;\r\n pointer-events: none;\r\n z-index: 2;\r\n }\r\n .corner-mark.tl { top: 20px; left: 20px; border-top: 1px solid var(--gold); border-left: 1px solid var(--gold); opacity: 0.6; }\r\n .corner-mark.br { bottom: 20px; right: 20px; border-bottom: 1px solid var(--gold); border-right: 1px solid var(--gold); opacity: 0.6; }\r\n\r\n .image-label {\r\n position: absolute;\r\n bottom: 1.5rem;\r\n left: 1.5rem;\r\n font-family: var(--ff-sans);\r\n font-size: 0.6rem;\r\n font-weight: 300;\r\n letter-spacing: 0.3em;\r\n color: var(--gold-pale);\r\n text-transform: uppercase;\r\n opacity: 0.7;\r\n z-index: 3;\r\n }\r\n\r\n \/* \u2500\u2500\u2500 CONTENT PANEL \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n .content-panel {\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n padding: 4rem 2.5rem;\r\n background: var(--cream);\r\n position: relative;\r\n }\r\n\r\n @media (min-width: 900px) {\r\n .content-panel {\r\n padding: 5rem 4rem 5rem 3.5rem;\r\n }\r\n }\r\n\r\n .content-panel::before {\r\n content: '';\r\n display: none;\r\n position: absolute;\r\n left: 0;\r\n top: 12%;\r\n height: 76%;\r\n width: 1px;\r\n background: linear-gradient(to bottom, transparent, var(--olive-pale) 30%, var(--olive-pale) 70%, transparent);\r\n }\r\n @media (min-width: 900px) {\r\n .content-panel::before { display: block; }\r\n }\r\n\r\n \/* \u2500\u2500\u2500 BADGE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n .experience-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 0.6rem;\r\n margin-bottom: 2.5rem;\r\n animation: fadeUp 0.8s var(--ease-luxury) 0.2s both;\r\n }\r\n\r\n .badge-line {\r\n display: block;\r\n width: 30px;\r\n height: 1px;\r\n background: var(--gold);\r\n transform-origin: left;\r\n animation: lineExpand 0.8s var(--ease-luxury) 0.5s both;\r\n }\r\n\r\n .badge-text {\r\n font-family: var(--ff-sans);\r\n font-size: 0.6rem;\r\n font-weight: 500;\r\n letter-spacing: 0.35em;\r\n color: var(--gold);\r\n text-transform: uppercase;\r\n }\r\n\r\n \/* \u2500\u2500\u2500 HEADLINE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n .headline-wrap {\r\n margin-bottom: 1.2rem;\r\n animation: fadeUp 0.9s var(--ease-luxury) 0.4s both;\r\n }\r\n\r\n .eyebrow {\r\n font-family: var(--ff-sans);\r\n font-size: 0.62rem;\r\n font-weight: 300;\r\n letter-spacing: 0.28em;\r\n color: var(--olive-light);\r\n text-transform: uppercase;\r\n margin-bottom: 0.7rem;\r\n display: block;\r\n }\r\n\r\n h1.headline {\r\n font-family: var(--ff-serif);\r\n font-size: clamp(2.8rem, 5.5vw, 4.2rem);\r\n font-weight: 300;\r\n line-height: 1.0;\r\n color: var(--olive-deep);\r\n letter-spacing: -0.01em;\r\n margin-bottom: 0;\r\n }\r\n\r\n h1.headline em {\r\n font-style: italic;\r\n color: var(--olive);\r\n font-weight: 300;\r\n }\r\n\r\n \/* \u2500\u2500\u2500 DIVIDER \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n .divider {\r\n display: flex;\r\n align-items: center;\r\n gap: 1rem;\r\n margin: 1.8rem 0 1.8rem;\r\n animation: fadeUp 1.0s var(--ease-luxury) 0.55s both;\r\n }\r\n .divider-line {\r\n height: 1px;\r\n width: 40px;\r\n background: var(--cream-dark);\r\n }\r\n .divider-ornament {\r\n width: 5px;\r\n height: 5px;\r\n border: 1px solid var(--gold);\r\n transform: rotate(45deg);\r\n opacity: 0.8;\r\n }\r\n .divider-line-long {\r\n height: 1px;\r\n flex: 1;\r\n background: linear-gradient(to right, var(--cream-dark), transparent);\r\n }\r\n\r\n \/* \u2500\u2500\u2500 SUBHEADLINE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n .subheadline {\r\n font-family: var(--ff-serif);\r\n font-size: clamp(1.1rem, 2.5vw, 1.4rem);\r\n font-weight: 300;\r\n font-style: italic;\r\n color: var(--olive-mid);\r\n line-height: 1.5;\r\n margin-bottom: 1.8rem;\r\n animation: fadeUp 0.9s var(--ease-luxury) 0.6s both;\r\n }\r\n\r\n \/* \u2500\u2500\u2500 DESCRIPTION \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n .description {\r\n font-family: var(--ff-sans);\r\n font-size: 0.88rem;\r\n font-weight: 300;\r\n line-height: 1.85;\r\n color: var(--olive-light);\r\n max-width: 400px;\r\n margin-bottom: 2.5rem;\r\n animation: fadeUp 0.9s var(--ease-luxury) 0.7s both;\r\n }\r\n\r\n \/* \u2500\u2500\u2500 METADATA ROW \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n .metadata-row {\r\n display: flex;\r\n gap: 2.5rem;\r\n margin-bottom: 3rem;\r\n animation: fadeUp 0.9s var(--ease-luxury) 0.8s both;\r\n }\r\n .metadata-label {\r\n font-family: var(--ff-sans);\r\n font-size: 0.55rem;\r\n font-weight: 400;\r\n letter-spacing: 0.3em;\r\n color: var(--gold);\r\n text-transform: uppercase;\r\n margin-bottom: 0.3rem;\r\n display: block;\r\n }\r\n .metadata-value {\r\n font-family: var(--ff-serif);\r\n font-size: 0.95rem;\r\n font-weight: 400;\r\n color: var(--olive-deep);\r\n display: block;\r\n }\r\n\r\n \/* \u2500\u2500\u2500 BOTTOM STRIP \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n .bottom-strip {\r\n background: var(--olive-deep);\r\n padding: 3.5rem 2.5rem;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 1.5rem;\r\n text-align: center;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n @media (min-width: 900px) {\r\n .bottom-strip {\r\n flex-direction: row;\r\n text-align: left;\r\n justify-content: space-between;\r\n padding: 3rem 4rem;\r\n }\r\n }\r\n\r\n .bottom-strip::before {\r\n content: '';\r\n position: absolute;\r\n top: 0; left: 0; right: 0;\r\n height: 1px;\r\n background: linear-gradient(to right, transparent, var(--gold) 40%, var(--gold) 60%, transparent);\r\n opacity: 0.3;\r\n }\r\n\r\n .bottom-copy {\r\n max-width: 420px;\r\n }\r\n\r\n .bottom-title {\r\n font-family: var(--ff-serif);\r\n font-size: clamp(1.4rem, 3vw, 2rem);\r\n font-weight: 300;\r\n color: var(--cream);\r\n line-height: 1.3;\r\n margin-bottom: 0.6rem;\r\n }\r\n\r\n .bottom-subtitle {\r\n font-family: var(--ff-sans);\r\n font-size: 0.75rem;\r\n font-weight: 300;\r\n letter-spacing: 0.12em;\r\n color: var(--olive-pale);\r\n line-height: 1.7;\r\n }\r\n\r\n .cta-main {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 1.2rem;\r\n padding: 1.1rem 2.8rem;\r\n background: transparent;\r\n color: var(--cream);\r\n font-family: var(--ff-sans);\r\n font-size: 0.65rem;\r\n font-weight: 400;\r\n letter-spacing: 0.3em;\r\n text-transform: uppercase;\r\n text-decoration: none;\r\n border: 1px solid var(--gold);\r\n cursor: pointer;\r\n position: relative;\r\n overflow: hidden;\r\n transition: color 0.5s var(--ease-luxury);\r\n flex-shrink: 0;\r\n }\r\n\r\n .cta-main::before {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n background: var(--gold);\r\n transform: translateY(101%);\r\n transition: transform 0.55s var(--ease-luxury);\r\n }\r\n\r\n .cta-main:hover::before {\r\n transform: translateY(0);\r\n }\r\n\r\n .cta-main:hover {\r\n color: var(--olive-deep);\r\n }\r\n\r\n .cta-main-text {\r\n position: relative;\r\n z-index: 1;\r\n }\r\n\r\n .cta-main-arrow {\r\n position: relative;\r\n z-index: 1;\r\n display: inline-flex;\r\n align-items: center;\r\n }\r\n\r\n .shimmer-text {\r\n background: linear-gradient(90deg, var(--gold), var(--cream), var(--gold));\r\n background-size: 200% auto;\r\n background-clip: text;\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n animation: shimmer 4s linear infinite;\r\n }\r\n<\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n<section class=\"arrival-section\" aria-label=\"The Arrival Collection\">\r\n\r\n \r\n <header class=\"top-bar\">\r\n <span class=\"brand-wordmark\">Selina Special Necklace<\/span>\r\n <span class=\"collection-number\">N\u00ba 01 \u2014 2026<\/span>\r\n <\/header>\r\n\r\n \r\n <div class=\"hero-grid\">\r\n\r\n \r\n <div class=\"image-primary\" role=\"img\" aria-label=\"Necklace \u2014 The Arrival Collection\">\r\n <div class=\"corner-mark tl\"><\/div>\r\n <div class=\"corner-mark br\"><\/div>\r\n\r\n <div class=\"image-primary-inner\">\r\n <img decoding=\"async\"\r\n src=\"http:\/\/selinamylove.shop\/wp-content\/uploads\/2026\/06\/seli-solo-collar.png\"\r\n alt=\"The Arrival Pendant\"\r\n style=\"width:100%; height:100%; object-fit:cover; position:absolute; inset:0;\"\r\n \/>\r\n <\/div>\r\n\r\n <span class=\"image-label\">Just for a sexy girl<\/span>\r\n <\/div>\r\n\r\n \r\n <div class=\"content-panel\">\r\n\r\n \r\n <div class=\"experience-badge\">\r\n <span class=\"badge-line\"><\/span>\r\n <span class=\"badge-text\">First Experience<\/span>\r\n <\/div>\r\n\r\n \r\n <div class=\"headline-wrap\">\r\n <span class=\"eyebrow\">The Arrival Collection<\/span>\r\n <h1 class=\"headline\">The<br><em>Arrival<\/em><br>Collection.<\/h1>\r\n <\/div>\r\n\r\n \r\n <div class=\"divider\">\r\n <span class=\"divider-line\"><\/span>\r\n <span class=\"divider-ornament\"><\/span>\r\n <span class=\"divider-line-long\"><\/span>\r\n <\/div>\r\n\r\n \r\n <p class=\"subheadline\">A small object. A very large meaning.<\/p>\r\n\r\n \r\n <p class=\"description\">\r\n Some things are chosen slowly \u2014 over months, across cities, through quiet certainty. This gold-toned pendant is one of those things. It was selected not just for its brilliance, but for the rare mind it belongs to: a girl with a brilliant, razor-sharp intelligence and an incredible sense of humor that lights up any room.<br><br>\r\n It was chosen, above all, to complement a pair of incredibly beautiful eyes\u2014the kind that see the world a little more deeply, and a lot more humorously, than the rest. It travels now. So do you. And soon, it will arrive.\r\n <\/p>\r\n\r\n \r\n <div class=\"metadata-row\">\r\n <div class=\"metadata-item\">\r\n <span class=\"metadata-label\">Material<\/span>\r\n <span class=\"metadata-value\">Who cares?<\/span>\r\n <\/div>\r\n <div class=\"metadata-item\">\r\n <span class=\"metadata-label\">Collection<\/span>\r\n <span class=\"metadata-value\">The Arrival, No. 1<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div> \r\n <\/div> \r\n\r\n \r\n <div class=\"bottom-strip\" id=\"experience-one\" role=\"region\" aria-label=\"Call to action\">\r\n <div class=\"bottom-copy reveal\">\r\n <h3 class=\"bottom-title\">Two people. One departure.<br>\r\n <span class=\"shimmer-text\">One arrival.<\/span>\r\n <\/h3>\r\n <p class=\"bottom-subtitle\">\r\n The first experience of the collection is a shared discovery.<br>\r\n What happens when you unlock it is yours alone to know.\r\n <\/p>\r\n <\/div>\r\n\r\n <a href=\"#\" class=\"cta-main\" role=\"button\" aria-label=\"Unlock Experience One\">\r\n <span class=\"cta-main-text\">Ask for this with alex<\/span>\r\n <span class=\"cta-main-arrow\">\r\n <svg width=\"18\" height=\"10\" viewBox=\"0 0 18 10\" fill=\"none\" aria-hidden=\"true\">\r\n <line x1=\"0\" y1=\"5\" x2=\"14\" y2=\"5\" stroke=\"currentColor\" stroke-width=\"1\"\/>\r\n <polyline points=\"10,1 14,5 10,9\" stroke=\"currentColor\" stroke-width=\"1\" fill=\"none\"\/>\r\n <\/svg>\r\n <\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n<\/section> \r\n\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8450036 e-con e-atomic-element e-flexbox-base e-7c3efbb \" data-id=\"8450036\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"8450036\">\n \t\t<div class=\"elementor-element elementor-element-03639ad elementor-widget elementor-widget-html\" data-id=\"03639ad\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n<meta charset=\"UTF-8\" \/>\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, viewport-fit=cover\" \/>\r\n<meta name=\"theme-color\" content=\"#f6f1e9\" \/>\r\n<title>The Selection Room \u2014 Experience Two<\/title>\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\" \/>\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin \/>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;1,300;1,400;1,500&family=Jost:wght@200;300;400;500&display=swap\" rel=\"stylesheet\" \/>\r\n\r\n<style>\r\n\/* \u2500\u2500\u2500 TOKENS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n:root {\r\n --olive: #4a5240;\r\n --olive-deep: #2e3328;\r\n --olive-mid: #5e6650;\r\n --olive-light: #7a8568;\r\n --olive-pale: #c4c9b2;\r\n --olive-ghost: #eaece4;\r\n --cream: #f6f1e9;\r\n --cream-warm: #ede6d5;\r\n --cream-dark: #d8cdb8;\r\n --beige: #e2d9c8;\r\n --beige-dark: #c9bfa8;\r\n --gold: #b8a170;\r\n --gold-light: #d4bc8a;\r\n --gold-pale: #ecdfc4;\r\n --orange-play: #f07b3f;\r\n --ink: #1c1e18;\r\n --ff-serif: 'Cormorant Garamond', Georgia, serif;\r\n --ff-sans: 'Jost', sans-serif;\r\n --ease-lux: cubic-bezier(0.22, 1, 0.36, 1);\r\n}\r\n\r\n\/* \u2500\u2500\u2500 RESET \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\nhtml { scroll-behavior: smooth; }\r\n\r\nbody {\r\n background: var(--cream);\r\n color: var(--ink);\r\n font-family: var(--ff-sans);\r\n font-weight: 300;\r\n -webkit-font-smoothing: antialiased;\r\n overflow-x: hidden;\r\n width: 100%;\r\n}\r\n\r\nsection, div, header, footer {\r\n max-width: 100%;\r\n}\r\n\r\n\/* \u2500\u2500\u2500 GRAIN OVERLAY \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\nbody::before {\r\n content: '';\r\n position: fixed; inset: 0;\r\n background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.035'\/%3E%3C\/svg%3E\");\r\n pointer-events: none; z-index: 9999; opacity: 0.5;\r\n}\r\n\r\n\/* \u2500\u2500\u2500 KEYFRAMES \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n@keyframes fadeUp { from{opacity:0;transform:translateY(24px)} to{opacity:1;transform:translateY(0)} }\r\n@keyframes fadeIn { from{opacity:0} to{opacity:1} }\r\n@keyframes lineGrow { from{transform:scaleX(0)} to{transform:scaleX(1)} }\r\n@keyframes shimmer { 0%{background-position:-200% center} 100%{background-position:200% center} }\r\n@keyframes pulseGold{ 0%,100%{opacity:0.5} 50%{opacity:1} }\r\n@keyframes spinPlayful{ 0%{transform:rotate(0deg) scale(1)} 50%{transform:rotate(180deg) scale(1.1)} 100%{transform:rotate(360deg) scale(1)} }\r\n\r\n.reveal {\r\n opacity: 0; transform: translateY(20px);\r\n transition: opacity 0.9s var(--ease-lux), transform 0.9s var(--ease-lux);\r\n}\r\n.reveal.visible { opacity: 1; transform: translateY(0); }\r\n.reveal-delay-1 { transition-delay: 0.1s; }\r\n.reveal-delay-2 { transition-delay: 0.22s; }\r\n.reveal-delay-3 { transition-delay: 0.36s; }\r\n\r\n\/* \u2500\u2500\u2500 TOP BAR \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.top-bar {\r\n display: flex; justify-content: space-between; align-items: center;\r\n padding: 1.4rem 1.25rem;\r\n border-bottom: 1px solid var(--cream-dark);\r\n animation: fadeIn 1s var(--ease-lux) both;\r\n}\r\n@media(min-width:600px){ .top-bar{ padding: 1.8rem 2.5rem; } }\r\n\r\n.brand-wordmark {\r\n font-family: var(--ff-serif); font-size: 0.95rem; font-weight: 400;\r\n letter-spacing: 0.16em; color: var(--olive-deep); text-transform: uppercase;\r\n}\r\n@media(min-width:600px){ .brand-wordmark{ font-size: 1.05rem; } }\r\n\r\n.session-label {\r\n display: flex; align-items: center; gap: 0.45rem;\r\n font-family: var(--ff-sans); font-size: 0.52rem; font-weight: 400;\r\n letter-spacing: 0.2em; color: var(--olive-light); text-transform: uppercase;\r\n}\r\n.session-dot {\r\n width: 5px; height: 5px; border-radius: 50%; flex-shrink: 0;\r\n background: var(--gold); animation: pulseGold 2.5s ease-in-out infinite;\r\n}\r\n\r\n\/* \u2500\u2500\u2500 INTRO BLOCK \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.selection-section {\r\n background: var(--cream);\r\n position: relative;\r\n overflow: hidden;\r\n width: 100%;\r\n}\r\n\r\n.intro-block {\r\n position: relative;\r\n padding: 3rem 1.25rem 2.5rem;\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n gap: 1.8rem;\r\n}\r\n@media(min-width:600px){ .intro-block{ padding: 4rem 2.5rem 3rem; } }\r\n@media(min-width:900px){\r\n .intro-block{\r\n grid-template-columns: 1fr 1fr;\r\n padding: 5rem 5rem 3.5rem;\r\n align-items: end;\r\n }\r\n}\r\n\r\n.orange-decor {\r\n position: absolute;\r\n top: 10%; right: 5%;\r\n width: 50px; height: 50px;\r\n color: var(--orange-play);\r\n animation: spinPlayful 15s linear infinite;\r\n z-index: 0; opacity: 0.85;\r\n pointer-events: none;\r\n}\r\n@media(min-width:600px){ .orange-decor{ width: 75px; height: 75px; right: 10%; top: 15%; } }\r\n@media(min-width:900px){ .orange-decor{ width: 90px; height: 90px; right: 18%; top: 15%; } }\r\n\r\n.intro-left, .intro-right { position: relative; z-index: 1; }\r\n\r\n.badge-row {\r\n display: inline-flex; align-items: center; gap: 0.65rem;\r\n margin-bottom: 1.6rem;\r\n animation: fadeUp 0.8s var(--ease-lux) 0.2s both;\r\n}\r\n.badge-line {\r\n display: block; width: 28px; height: 1px; background: var(--gold);\r\n transform-origin: left; animation: lineGrow 0.8s var(--ease-lux) 0.5s both;\r\n}\r\n.badge-text {\r\n font-family: var(--ff-sans); font-size: 0.56rem; font-weight: 500;\r\n letter-spacing: 0.32em; color: var(--gold); text-transform: uppercase;\r\n}\r\n\r\n.eyebrow {\r\n display: block; font-family: var(--ff-sans); font-size: 0.58rem;\r\n font-weight: 300; letter-spacing: 0.26em; color: var(--olive-light);\r\n text-transform: uppercase; margin-bottom: 0.6rem;\r\n animation: fadeUp 0.9s var(--ease-lux) 0.35s both;\r\n}\r\n\r\n.main-headline {\r\n font-family: var(--ff-serif);\r\n font-size: clamp(2.4rem, 8vw, 4.4rem);\r\n font-weight: 300; line-height: 1.0;\r\n color: var(--olive-deep); letter-spacing: -0.01em;\r\n animation: fadeUp 0.9s var(--ease-lux) 0.45s both;\r\n}\r\n.main-headline em { font-style: italic; color: var(--olive); }\r\n\r\n.intro-right { padding-top: 0.3rem; }\r\n\r\n.intro-divider {\r\n display: flex; align-items: center; gap: 0.8rem; margin-bottom: 1.2rem;\r\n}\r\n.intro-divider-line { height: 1px; width: 22px; background: var(--cream-dark); }\r\n.intro-divider-diamond {\r\n width: 5px; height: 5px; border: 1px solid var(--gold);\r\n transform: rotate(45deg); opacity: 0.8; flex-shrink: 0;\r\n}\r\n\r\n.subheadline {\r\n font-family: var(--ff-serif); font-style: italic;\r\n font-size: clamp(1rem, 3.5vw, 1.3rem); font-weight: 300;\r\n color: var(--olive-mid); line-height: 1.55; margin-bottom: 1rem;\r\n}\r\n\r\n.intro-copy {\r\n font-family: var(--ff-sans); font-size: 0.83rem; font-weight: 300;\r\n line-height: 1.9; color: var(--olive-light);\r\n}\r\n\r\n\/* \u2500\u2500\u2500 CAROUSEL HEADER \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.carousel-section { width: 100%; overflow: hidden; position: relative; }\r\n\r\n.carousel-header {\r\n display: flex; justify-content: space-between; align-items: center;\r\n padding: 0 1.25rem 1.2rem;\r\n}\r\n@media(min-width:600px){ .carousel-header{ padding: 0 2.5rem 1.5rem; } }\r\n@media(min-width:900px){ .carousel-header{ padding: 0 5rem 1.8rem; } }\r\n\r\n.carousel-counter {\r\n font-family: var(--ff-serif); font-size: 1rem; font-weight: 300;\r\n color: var(--olive-light);\r\n}\r\n.carousel-counter strong {\r\n font-family: var(--ff-serif); font-size: 1.5rem; font-weight: 300;\r\n color: var(--olive-deep);\r\n}\r\n\r\n.carousel-nav { display: flex; gap: 0.5rem; align-items: center; }\r\n\r\n.nav-btn {\r\n width: 44px; height: 44px; border-radius: 50%;\r\n border: 1px solid var(--cream-dark); background: transparent;\r\n display: flex; align-items: center; justify-content: center;\r\n cursor: pointer; color: var(--olive);\r\n -webkit-tap-highlight-color: transparent;\r\n touch-action: manipulation;\r\n transition: background 0.3s var(--ease-lux), border-color 0.3s, color 0.3s;\r\n}\r\n.nav-btn:hover, .nav-btn:active {\r\n background: var(--olive-deep); border-color: var(--olive-deep); color: var(--cream);\r\n}\r\n.nav-btn svg { pointer-events: none; }\r\n\r\n\/* \u2500\u2500\u2500 NATIVE SCROLL CAROUSEL \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.carousel-track {\r\n display: flex;\r\n gap: 1rem;\r\n padding: 0 1.25rem;\r\n overflow-x: auto;\r\n scroll-snap-type: x mandatory;\r\n scroll-behavior: smooth;\r\n -webkit-overflow-scrolling: touch;\r\n -ms-overflow-style: none; \r\n scrollbar-width: none; \r\n}\r\n.carousel-track::-webkit-scrollbar { display: none; }\r\n\r\n@media(min-width:600px){\r\n .carousel-track { padding: 0 2.5rem; gap: 1.5rem; }\r\n}\r\n@media(min-width:900px){\r\n .carousel-track { padding: 0 5rem; gap: 2.5rem; }\r\n}\r\n\r\n.outfit-card {\r\n flex: 0 0 calc(100vw - 2.5rem);\r\n scroll-snap-align: center;\r\n position: relative;\r\n border-radius: 3px;\r\n overflow: hidden;\r\n background: var(--beige);\r\n cursor: pointer;\r\n -webkit-tap-highlight-color: transparent;\r\n transition: box-shadow 0.4s var(--ease-lux);\r\n}\r\n\r\n@media(min-width:480px){ .outfit-card { flex: 0 0 300px; } }\r\n@media(min-width:600px){ .outfit-card { flex: 0 0 320px; } }\r\n@media(min-width:900px){ .outfit-card { flex: 0 0 360px; } }\r\n\r\n@media(hover:hover){\r\n .outfit-card:hover { box-shadow: 0 20px 48px rgba(46,51,40,0.16); }\r\n}\r\n\r\n.card-image {\r\n position: relative; width: 100%;\r\n aspect-ratio: 2 \/ 3;\r\n overflow: hidden; background: var(--beige-dark);\r\n display: flex; align-items: center; justify-content: center;\r\n}\r\n@supports not (aspect-ratio: 2\/3) {\r\n .card-image { padding-top: 150%; height: 0; }\r\n .card-image-inner { position: absolute; inset: 0; }\r\n}\r\n\r\n.card-image-inner {\r\n position: absolute; inset: 0;\r\n display: flex; align-items: center; justify-content: center;\r\n transition: transform 0.7s var(--ease-lux);\r\n}\r\n@media(hover:hover){ .outfit-card:hover .card-image-inner { transform: scale(1.035); } }\r\n\r\n\/* \u2500\u2500\u2500 ESTILOS PARA LAS FOTOS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.outfit-photo {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover; \/* Hace que la imagen rellene todo el espacio sin deformarse *\/\r\n object-position: center center; \/* Si necesitas priorizar rostros, cambia a \"top center\" *\/\r\n display: block;\r\n pointer-events: none;\r\n}\r\n\r\n.card-overlay {\r\n position: absolute; inset: 0;\r\n background: linear-gradient(to top, rgba(46,51,40,0.5) 0%, transparent 55%);\r\n display: flex; align-items: flex-end; padding: 1.2rem;\r\n z-index: 2; opacity: 0.6; pointer-events: none;\r\n transition: opacity 0.4s var(--ease-lux);\r\n}\r\n@media(hover:hover){\r\n .card-overlay { opacity: 0; }\r\n .outfit-card:hover .card-overlay { opacity: 1; }\r\n}\r\n\r\n.zoom-hint {\r\n font-family: var(--ff-sans); font-size: 0.56rem; font-weight: 400;\r\n letter-spacing: 0.22em; color: var(--cream); text-transform: uppercase;\r\n display: flex; align-items: center; gap: 0.45rem;\r\n}\r\n\r\n.card-number-tag {\r\n position: absolute; top: 0.85rem; left: 0.85rem; z-index: 3;\r\n width: 26px; height: 26px; border: 1px solid var(--gold);\r\n display: flex; align-items: center; justify-content: center;\r\n background: rgba(246,241,233,0.88);\r\n}\r\n.card-number-tag span {\r\n font-family: var(--ff-serif); font-size: 0.7rem; font-weight: 400; color: var(--olive-deep);\r\n}\r\n\r\n.card-caption-tag {\r\n position: absolute; top: 0.85rem; right: 0.85rem; z-index: 3;\r\n background: var(--gold); padding: 0.28rem 0.65rem;\r\n max-width: calc(100% - 4.5rem);\r\n}\r\n.card-caption-tag span {\r\n font-family: var(--ff-serif); font-size: 0.65rem; font-style: italic;\r\n font-weight: 400; color: var(--cream); white-space: nowrap;\r\n overflow: hidden; text-overflow: ellipsis; display: block;\r\n}\r\n\r\n.card-footer {\r\n padding: 1rem 1.2rem 1.3rem; background: var(--cream-warm);\r\n border-top: 1px solid var(--cream-dark);\r\n}\r\n.card-label {\r\n font-family: var(--ff-sans); font-size: 0.55rem; font-weight: 400;\r\n letter-spacing: 0.28em; color: var(--gold); text-transform: uppercase; margin-bottom: 0.25rem;\r\n}\r\n.card-title {\r\n font-family: var(--ff-serif); font-size: 1rem; font-weight: 400;\r\n color: var(--olive-deep); margin-bottom: 0.2rem;\r\n}\r\n.card-desc {\r\n font-family: var(--ff-sans); font-size: 0.72rem; font-weight: 300;\r\n color: var(--olive-light); line-height: 1.6; margin-bottom: 0.5rem;\r\n}\r\n.card-affection {\r\n font-family: var(--ff-serif); font-style: italic; font-size: 0.8rem;\r\n color: var(--gold); line-height: 1.4;\r\n}\r\n\r\n\/* \u2500\u2500\u2500 PROGRESS DOTS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.progress-dots {\r\n display: flex; justify-content: center; gap: 0.55rem;\r\n padding: 1.2rem 0 2rem;\r\n}\r\n.dot {\r\n width: 28px; height: 28px; border-radius: 50%; border: none; background: none;\r\n display: flex; align-items: center; justify-content: center;\r\n cursor: pointer; -webkit-tap-highlight-color: transparent;\r\n}\r\n.dot::after {\r\n content: ''; display: block; width: 6px; height: 6px; border-radius: 50%;\r\n background: var(--cream-dark); transition: background 0.3s ease, transform 0.3s ease;\r\n}\r\n.dot.active::after { background: var(--gold); transform: scale(1.5); }\r\n\r\n\/* \u2500\u2500\u2500 EDITORIAL BLOCK \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.editorial-block {\r\n padding: 3rem 1.25rem; background: var(--cream-warm);\r\n border-top: 1px solid var(--cream-dark); border-bottom: 1px solid var(--cream-dark);\r\n display: grid; grid-template-columns: 1fr; gap: 2rem;\r\n}\r\n@media(min-width:600px){ .editorial-block{ padding: 4rem 2.5rem; gap: 2.5rem; } }\r\n@media(min-width:900px){\r\n .editorial-block{\r\n grid-template-columns: 1fr auto 1fr auto 1fr;\r\n padding: 5rem; gap: 0; align-items: start;\r\n }\r\n}\r\n\r\n.editorial-item-number {\r\n font-family: var(--ff-serif); font-size: 2rem; font-weight: 300;\r\n color: var(--olive-pale); line-height: 1; margin-bottom: 0.7rem;\r\n}\r\n.editorial-item-title {\r\n font-family: var(--ff-serif); font-size: 1.1rem; font-style: italic;\r\n font-weight: 300; color: var(--olive-deep); margin-bottom: 0.6rem;\r\n}\r\n.editorial-item-copy {\r\n font-family: var(--ff-sans); font-size: 0.81rem; font-weight: 300;\r\n line-height: 1.85; color: var(--olive-light);\r\n}\r\n\r\n.editorial-divider { display: none; }\r\n@media(min-width:900px){\r\n .editorial-divider {\r\n display: block; width: 1px; margin: 0 3rem;\r\n background: linear-gradient(to bottom, transparent, var(--cream-dark) 30%, var(--cream-dark) 70%, transparent);\r\n align-self: stretch;\r\n }\r\n}\r\n\r\n\/* \u2500\u2500\u2500 QUOTE & CTA \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.quote-band {\r\n padding: 3.5rem 1.5rem; text-align: center; position: relative; overflow: hidden;\r\n}\r\n@media(min-width:600px){ .quote-band{ padding: 4rem 3rem; } }\r\n@media(min-width:900px){ .quote-band{ padding: 5rem 8rem; } }\r\n\r\n.quote-band::before {\r\n content: '\\201C'; position: absolute; top: -1rem; left: 50%; transform: translateX(-50%);\r\n font-family: var(--ff-serif); font-size: clamp(7rem, 20vw, 12rem);\r\n color: var(--olive-ghost); line-height: 1; pointer-events: none; z-index: 0;\r\n}\r\n\r\n.pull-quote {\r\n position: relative; z-index: 1; font-family: var(--ff-serif); font-style: italic;\r\n font-size: clamp(1.1rem, 3.5vw, 1.9rem); font-weight: 300; line-height: 1.55;\r\n color: var(--olive-deep); max-width: 680px; margin: 0 auto 1.4rem;\r\n}\r\n.quote-attribution {\r\n font-family: var(--ff-sans); font-size: 0.58rem; font-weight: 400;\r\n letter-spacing: 0.28em; color: var(--gold); text-transform: uppercase;\r\n}\r\n\r\n.cta-block {\r\n padding: 4rem 1.5rem 4.5rem; display: flex; flex-direction: column; align-items: center;\r\n gap: 1.8rem; text-align: center; background: var(--olive-deep);\r\n position: relative; overflow: hidden;\r\n}\r\n@media(min-width:600px){ .cta-block{ padding: 5rem 2.5rem; } }\r\n@media(min-width:900px){ .cta-block{ padding: 5.5rem 5rem; } }\r\n\r\n.cta-block::before, .cta-block::after {\r\n content: ''; position: absolute; width: 40px; height: 40px;\r\n border: 1px solid var(--gold); opacity: 0.2; pointer-events: none;\r\n}\r\n.cta-block::before { top: 1.5rem; left: 1.5rem; border-right: none; border-bottom: none; }\r\n.cta-block::after { bottom: 1.5rem; right: 1.5rem; border-left: none; border-top: none; }\r\n@media(min-width:600px){\r\n .cta-block::before { top: 2rem; left: 2rem; width: 50px; height: 50px; }\r\n .cta-block::after { bottom: 2rem; right: 2rem; width: 50px; height: 50px; }\r\n}\r\n\r\n.cta-eyebrow {\r\n font-family: var(--ff-sans); font-size: 0.56rem; font-weight: 400;\r\n letter-spacing: 0.3em; color: var(--gold); text-transform: uppercase;\r\n}\r\n.cta-headline {\r\n font-family: var(--ff-serif); font-size: clamp(1.6rem, 5vw, 2.8rem);\r\n font-weight: 300; line-height: 1.25; color: var(--cream);\r\n}\r\n.cta-headline em { font-style: italic; }\r\n.cta-body {\r\n font-family: var(--ff-sans); font-size: 0.82rem; font-weight: 300;\r\n line-height: 1.85; color: var(--olive-pale); max-width: 440px;\r\n}\r\n\r\n.cta-button {\r\n display: inline-flex; align-items: center; justify-content: center; gap: 1rem;\r\n padding: 1rem 2rem; width: min(100%, 360px);\r\n background: transparent; color: var(--cream);\r\n font-family: var(--ff-sans); font-size: 0.62rem; font-weight: 400;\r\n letter-spacing: 0.26em; text-transform: uppercase; text-decoration: none; border: 1px solid var(--gold);\r\n cursor: pointer; position: relative; overflow: hidden; transition: color 0.5s var(--ease-lux);\r\n}\r\n@media(min-width:480px){ .cta-button{ padding: 1.1rem 3rem; width: auto; } }\r\n.cta-button::before {\r\n content: ''; position: absolute; inset: 0; background: var(--gold);\r\n transform: translateY(101%); transition: transform 0.5s var(--ease-lux);\r\n}\r\n.cta-button:hover::before, .cta-button:active::before { transform: translateY(0); }\r\n.cta-button:hover, .cta-button:active { color: var(--olive-deep); }\r\n.cta-btn-text, .cta-btn-arrow { position: relative; z-index: 1; }\r\n.cta-btn-arrow { transition: transform 0.3s var(--ease-lux); display: flex; align-items: center; }\r\n.cta-button:hover .cta-btn-arrow { transform: translateX(4px); }\r\n\r\n.shimmer-gold {\r\n background: linear-gradient(90deg, var(--gold), #f0dfa8, var(--gold));\r\n background-size: 200% auto; background-clip: text;\r\n -webkit-background-clip: text; -webkit-text-fill-color: transparent;\r\n animation: shimmer 4s linear infinite;\r\n}\r\n\r\n.section-footnote {\r\n background: var(--olive-deep); text-align: center;\r\n padding: 1rem 1.25rem; border-top: 1px solid rgba(255,255,255,0.06);\r\n}\r\n.section-footnote p {\r\n font-family: var(--ff-sans); font-size: 0.5rem; font-weight: 300;\r\n letter-spacing: 0.22em; color: var(--olive-pale); text-transform: uppercase; opacity: 0.4;\r\n}\r\n\r\n\/* \u2500\u2500\u2500 LIGHTBOX \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.lightbox {\r\n position: fixed; inset: 0; z-index: 10000; background: rgba(28,30,24,0.96);\r\n display: flex; align-items: center; justify-content: center; padding: 1rem;\r\n opacity: 0; pointer-events: none; transition: opacity 0.4s var(--ease-lux);\r\n overscroll-behavior: contain;\r\n}\r\n.lightbox.open { opacity: 1; pointer-events: all; }\r\n\r\n.lightbox-inner {\r\n position: relative; width: min(90vw, 420px); transform: scale(0.95);\r\n transition: transform 0.5s var(--ease-lux);\r\n}\r\n.lightbox.open .lightbox-inner { transform: scale(1); }\r\n\r\n.lightbox-image-wrap {\r\n width: 100%; background: var(--beige-dark); border: 1px solid rgba(184,161,112,0.25);\r\n display: flex; align-items: center; justify-content: center;\r\n aspect-ratio: 2 \/ 3; overflow: hidden; border-radius: 2px;\r\n}\r\n\r\n\/* Aplica el fill del 100% tambi\u00e9n a la foto dentro del Lightbox *\/\r\n.lightbox-image-wrap img { \r\n width: 100%; \r\n height: 100%; \r\n object-fit: cover; \r\n object-position: center center;\r\n display: block;\r\n}\r\n\r\n.lightbox-caption { padding: 1rem 0 0; text-align: center; }\r\n.lightbox-caption-title {\r\n font-family: var(--ff-serif); font-size: 1.15rem; font-weight: 300;\r\n color: var(--cream); margin-bottom: 0.2rem;\r\n}\r\n.lightbox-caption-sub {\r\n font-family: var(--ff-sans); font-size: 0.65rem; font-weight: 300;\r\n letter-spacing: 0.13em; color: var(--olive-pale);\r\n}\r\n.lightbox-affection {\r\n font-family: var(--ff-serif); font-style: italic; font-size: 0.8rem;\r\n color: var(--gold); margin-top: 0.3rem;\r\n}\r\n\r\n.lightbox-close, .lightbox-nav {\r\n position: absolute; width: 40px; height: 40px; background: none;\r\n border: 1px solid rgba(184,161,112,0.3); color: var(--cream); cursor: pointer;\r\n display: flex; align-items: center; justify-content: center;\r\n transition: background 0.3s, border-color 0.3s;\r\n -webkit-tap-highlight-color: transparent;\r\n}\r\n.lightbox-close { top: -2.8rem; right: 0; }\r\n.lightbox-close:hover, .lightbox-nav:hover, .lightbox-close:active, .lightbox-nav:active { \r\n background: var(--gold); border-color: var(--gold); color: var(--olive-deep); \r\n}\r\n\r\n.lightbox-nav { top: 40%; background: rgba(30,33,25,0.7); border-radius: 0; }\r\n.lightbox-prev { left: 0; transform: translate(-50%, 0); }\r\n.lightbox-next { right: 0; transform: translate(50%, 0); }\r\n\r\n@media(max-width:480px){\r\n .lightbox-prev { left: 0.3rem; transform: none; top: auto; bottom: 35%; }\r\n .lightbox-next { right: 0.3rem; transform: none; top: auto; bottom: 35%; }\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section class=\"selection-section\" aria-label=\"The Selection Room\">\r\n\r\n\r\n <div class=\"intro-block\">\r\n <div class=\"orange-decor\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 100 100\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path d=\"M50 0 C50 25 75 50 100 50 C75 50 50 75 50 100 C50 75 25 50 0 50 C25 50 50 25 50 0 Z\" fill=\"currentColor\"\/>\r\n <\/svg>\r\n <\/div>\r\n\r\n <div class=\"intro-left\">\r\n <div class=\"badge-row\">\r\n <span class=\"badge-line\"><\/span>\r\n <span class=\"badge-text\">Second Experience<\/span>\r\n <\/div>\r\n <span class=\"eyebrow\">The Selection Room<\/span>\r\n <h1 class=\"main-headline\">The<br><em>Selection<\/em><br>Room.<\/h1>\r\n <\/div>\r\n <div class=\"intro-right reveal\">\r\n <div class=\"intro-divider\">\r\n <span class=\"intro-divider-line\"><\/span>\r\n <span class=\"intro-divider-diamond\"><\/span>\r\n <\/div>\r\n <p class=\"subheadline\">Some evenings deserve<br>a little extra attention.<\/p>\r\n <p class=\"intro-copy\">\r\n This is not a solo decision. This room was designed for two \u2014 to explore together, compare freely, and arrive at something that feels exactly right. Nothing is chosen for you here. Everything is simply laid out, beautifully, for the both of you to discover.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"carousel-section reveal reveal-delay-2\">\r\n\r\n <div class=\"carousel-header\">\r\n <div class=\"carousel-counter\">\r\n <strong id=\"currentSlide\">1<\/strong>\r\n <span style=\"color:var(--cream-dark);margin:0 0.35rem;\">\/<\/span>\r\n <span>5<\/span>\r\n <\/div>\r\n <div class=\"carousel-nav\" role=\"group\" aria-label=\"Carousel navigation\">\r\n \r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"carousel-track\" id=\"carouselTrack\" role=\"region\" aria-label=\"Outfit options\">\r\n\r\n <div class=\"outfit-card\" data-index=\"0\" role=\"article\" aria-label=\"Look One \u2014 The Evening Column\" tabindex=\"0\">\r\n <div class=\"card-number-tag\"><span>I<\/span><\/div>\r\n <div class=\"card-caption-tag\"><span>For the most radiant blonde<\/span><\/div>\r\n <div class=\"card-image\">\r\n <div class=\"card-image-inner\">\r\n <img decoding=\"async\" src=\"http:\/\/selinamylove.shop\/wp-content\/uploads\/2026\/06\/03152380251-p.jpg\" alt=\"The Evening Column\" class=\"outfit-photo\" \/>\r\n <\/div>\r\n <div class=\"card-overlay\">\r\n <span class=\"zoom-hint\">\r\n <svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\"><circle cx=\"5\" cy=\"5\" r=\"4\" stroke=\"currentColor\" stroke-width=\"1\"\/><line x1=\"8.5\" y1=\"8.5\" x2=\"11\" y2=\"11\" stroke=\"currentColor\" stroke-width=\"1\"\/><line x1=\"5\" y1=\"3\" x2=\"5\" y2=\"7\" stroke=\"currentColor\" stroke-width=\"1\"\/><line x1=\"3\" y1=\"5\" x2=\"7\" y2=\"5\" stroke=\"currentColor\" stroke-width=\"1\"\/><\/svg>\r\n View look\r\n <\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"card-footer\">\r\n <p class=\"card-label\">Look One<\/p>\r\n \r\n <p class=\"card-affection\">For the most breathtaking blonde in the entire world.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"outfit-card\" data-index=\"1\" role=\"article\" aria-label=\"Look Two \u2014 The Tailored Hour\" tabindex=\"0\">\r\n <div class=\"card-number-tag\"><span>II<\/span><\/div>\r\n <div class=\"card-caption-tag\"><span>To effortlessly command the room<\/span><\/div>\r\n <div class=\"card-image\">\r\n <div class=\"card-image-inner\">\r\n <img decoding=\"async\" src=\"http:\/\/selinamylove.shop\/wp-content\/uploads\/2026\/06\/05039399800-a1.jpg\" alt=\"The Tailored Hour\" class=\"outfit-photo\" \/>\r\n <\/div>\r\n <div class=\"card-overlay\">\r\n <span class=\"zoom-hint\">\r\n <svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\"><circle cx=\"5\" cy=\"5\" r=\"4\" stroke=\"currentColor\" stroke-width=\"1\"\/><line x1=\"8.5\" y1=\"8.5\" x2=\"11\" y2=\"11\" stroke=\"currentColor\" stroke-width=\"1\"\/><line x1=\"5\" y1=\"3\" x2=\"5\" y2=\"7\" stroke=\"currentColor\" stroke-width=\"1\"\/><line x1=\"3\" y1=\"5\" x2=\"7\" y2=\"5\" stroke=\"currentColor\" stroke-width=\"1\"\/><\/svg>\r\n View look\r\n <\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"card-footer\">\r\n <p class=\"card-label\">Look Two<\/p>\r\n \r\n <p class=\"card-affection\">For when you feel like stepping out and looking exactly like a supermodel.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"outfit-card\" data-index=\"2\" role=\"article\" aria-label=\"Look Three \u2014 The Understated One\" tabindex=\"0\">\r\n <div class=\"card-number-tag\"><span>III<\/span><\/div>\r\n <div class=\"card-caption-tag\"><span>To stop them in their tracks<\/span><\/div>\r\n <div class=\"card-image\">\r\n <div class=\"card-image-inner\">\r\n <img decoding=\"async\" src=\"http:\/\/selinamylove.shop\/wp-content\/uploads\/2026\/06\/vestido-2-berska.png\" alt=\"The Understated One\" class=\"outfit-photo\" \/>\r\n <\/div>\r\n <div class=\"card-overlay\">\r\n <span class=\"zoom-hint\">\r\n <svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\"><circle cx=\"5\" cy=\"5\" r=\"4\" stroke=\"currentColor\" stroke-width=\"1\"\/><line x1=\"8.5\" y1=\"8.5\" x2=\"11\" y2=\"11\" stroke=\"currentColor\" stroke-width=\"1\"\/><line x1=\"5\" y1=\"3\" x2=\"5\" y2=\"7\" stroke=\"currentColor\" stroke-width=\"1\"\/><line x1=\"3\" y1=\"5\" x2=\"7\" y2=\"5\" stroke=\"currentColor\" stroke-width=\"1\"\/><\/svg>\r\n View look\r\n <\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"card-footer\">\r\n <p class=\"card-label\">Look Three<\/p>\r\n \r\n <p class=\"card-affection\">The perfect excuse to show off those absolutely amazing legs.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"outfit-card\" data-index=\"3\" role=\"article\" aria-label=\"Look Four \u2014 The Dark Hour\" tabindex=\"0\">\r\n <div class=\"card-number-tag\"><span>IV<\/span><\/div>\r\n <div class=\"card-caption-tag\"><span>For the gaze that stops time<\/span><\/div>\r\n <div class=\"card-image\">\r\n <div class=\"card-image-inner\">\r\n <img decoding=\"async\" src=\"http:\/\/selinamylove.shop\/wp-content\/uploads\/2026\/06\/vestido-berska-nuevo.png\" \/>\r\n <\/div>\r\n <div class=\"card-overlay\">\r\n <span class=\"zoom-hint\">\r\n <svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\"><circle cx=\"5\" cy=\"5\" r=\"4\" stroke=\"currentColor\" stroke-width=\"1\"\/><line x1=\"8.5\" y1=\"8.5\" x2=\"11\" y2=\"11\" stroke=\"currentColor\" stroke-width=\"1\"\/><line x1=\"5\" y1=\"3\" x2=\"5\" y2=\"7\" stroke=\"currentColor\" stroke-width=\"1\"\/><line x1=\"3\" y1=\"5\" x2=\"7\" y2=\"5\" stroke=\"currentColor\" stroke-width=\"1\"\/><\/svg>\r\n View look\r\n <\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"card-footer\">\r\n <p class=\"card-label\">Look Four<\/p>\r\n \r\n <p class=\"card-affection\">For the girl con los ojos m\u00e1s incre\u00edbles del mundo.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"outfit-card\" data-index=\"4\" role=\"article\" aria-label=\"Look Five \u2014 The Silk Hour\" tabindex=\"0\">\r\n <div class=\"card-number-tag\"><span>V<\/span><\/div>\r\n <div class=\"card-caption-tag\"><span>To get lost together tonight<\/span><\/div>\r\n <div class=\"card-image\">\r\n <div class=\"card-image-inner\">\r\n <img decoding=\"async\" src=\"http:\/\/selinamylove.shop\/wp-content\/uploads\/2026\/06\/05584467712-p.jpg\" alt=\"The Silk Hour\" class=\"outfit-photo\" \/>\r\n <\/div>\r\n <div class=\"card-overlay\">\r\n <span class=\"zoom-hint\">\r\n <svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\"><circle cx=\"5\" cy=\"5\" r=\"4\" stroke=\"currentColor\" stroke-width=\"1\"\/><line x1=\"8.5\" y1=\"8.5\" x2=\"11\" y2=\"11\" stroke=\"currentColor\" stroke-width=\"1\"\/><line x1=\"5\" y1=\"3\" x2=\"5\" y2=\"7\" stroke=\"currentColor\" stroke-width=\"1\"\/><line x1=\"3\" y1=\"5\" x2=\"7\" y2=\"5\" stroke=\"currentColor\" stroke-width=\"1\"\/><\/svg>\r\n View look\r\n <\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"card-footer\">\r\n <p class=\"card-label\">Look Five<\/p>\r\n\r\n <p class=\"card-affection\">Dise\u00f1ado perfectamente para caminar de la mano con tu novio toda la noche.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div><div class=\"progress-dots\" role=\"tablist\" aria-label=\"Look indicators\">\r\n <button class=\"dot active\" role=\"tab\" aria-selected=\"true\" aria-label=\"Look 1\" data-dot=\"0\"><\/button>\r\n <button class=\"dot\" role=\"tab\" aria-selected=\"false\" aria-label=\"Look 2\" data-dot=\"1\"><\/button>\r\n <button class=\"dot\" role=\"tab\" aria-selected=\"false\" aria-label=\"Look 3\" data-dot=\"2\"><\/button>\r\n <button class=\"dot\" role=\"tab\" aria-selected=\"false\" aria-label=\"Look 4\" data-dot=\"3\"><\/button>\r\n <button class=\"dot\" role=\"tab\" aria-selected=\"false\" aria-label=\"Look 5\" data-dot=\"4\"><\/button>\r\n <\/div>\r\n\r\n <\/div><div class=\"editorial-block\">\r\n <div class=\"editorial-item reveal\">\r\n <div class=\"editorial-item-number\">01<\/div>\r\n <p class=\"editorial-item-title\">The rule of the room<\/p>\r\n <p class=\"editorial-item-copy\">Nothing here was arranged by accident. Each look was considered for this specific evening Browse slowly. There is no wrong answer, only the one you both arrive at.<\/p>\r\n <\/div>\r\n <div class=\"editorial-divider\" aria-hidden=\"true\"><\/div>\r\n <div class=\"editorial-item reveal reveal-delay-2\">\r\n <div class=\"editorial-item-number\">02<\/div>\r\n <p class=\"editorial-item-title\">On the art of comparison<\/p>\r\n <p class=\"editorial-item-copy\">Tap to zoom. Swipe to compare. Come back to the one that keeps pulling you in \u2014 that is usually the one. The necklace will carry differently against each fabric, each palette. Let that be part of the discovery.<\/p>\r\n <\/div>\r\n <div class=\"editorial-divider\" aria-hidden=\"true\"><\/div>\r\n <div class=\"editorial-item reveal reveal-delay-3\">\r\n <div class=\"editorial-item-number\">03<\/div>\r\n <p class=\"editorial-item-title\">A shared decision<\/p>\r\n <p class=\"editorial-item-copy\">The most interesting part of an evening together is often the preparation. This room exists precisely for that \u2014 a moment before the moment. Take your time. The table will wait.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"quote-band reveal\">\r\n <p class=\"pull-quote\">\"The right look is not the most beautiful one in the room \u2014 it is the one that feels most like you, on an evening that deserves your full attention.\"<\/p>\r\n <span class=\"quote-attribution\">I'm exited to see you in one of those<\/span>\r\n <\/div>\r\n\r\n <div class=\"cta-block\">\r\n <p class=\"cta-eyebrow reveal\">The Evening Awaits<\/p>\r\n <h2 class=\"cta-headline reveal reveal-delay-1\">\r\n You've seen the options.<br>\r\n <em><span class=\"shimmer-gold\">Now choose together.<\/span><\/em>\r\n <\/h2>\r\n <p class=\"cta-body reveal reveal-delay-2\">\r\n Once the look is chosen, the rest of the evening falls into place\r\n <\/p>\r\n <a href=\"#\" class=\"cta-button reveal reveal-delay-3\" role=\"button\">\r\n <span class=\"cta-btn-text\">Choose The Evening Look, tell Alex<\/span>\r\n <span class=\"cta-btn-arrow\">\r\n <svg width=\"18\" height=\"10\" viewBox=\"0 0 18 10\" fill=\"none\" aria-hidden=\"true\">\r\n <line x1=\"0\" y1=\"5\" x2=\"14\" y2=\"5\" stroke=\"currentColor\" stroke-width=\"1.2\"\/>\r\n <polyline points=\"10,1 14,5 10,9\" stroke=\"currentColor\" stroke-width=\"1.2\" fill=\"none\"\/>\r\n <\/svg>\r\n <\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n\r\n<\/section>\r\n\r\n<div class=\"lightbox\" id=\"lightbox\" role=\"dialog\" aria-modal=\"true\" aria-label=\"Look detail\">\r\n <div class=\"lightbox-inner\">\r\n <button class=\"lightbox-close\" id=\"lightboxClose\" aria-label=\"Close\">\r\n <svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\" aria-hidden=\"true\">\r\n <line x1=\"1\" y1=\"1\" x2=\"11\" y2=\"11\" stroke=\"currentColor\" stroke-width=\"1.5\"\/>\r\n <line x1=\"11\" y1=\"1\" x2=\"1\" y2=\"11\" stroke=\"currentColor\" stroke-width=\"1.5\"\/>\r\n <\/svg>\r\n <\/button>\r\n <button class=\"lightbox-nav lightbox-prev\" id=\"lbPrev\" aria-label=\"Previous look\">\r\n <svg width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"none\" aria-hidden=\"true\">\r\n <polyline points=\"7,1 3,5 7,9\" stroke=\"currentColor\" stroke-width=\"1.5\" fill=\"none\"\/>\r\n <\/svg>\r\n <\/button>\r\n <button class=\"lightbox-nav lightbox-next\" id=\"lbNext\" aria-label=\"Next look\">\r\n <svg width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"none\" aria-hidden=\"true\">\r\n <polyline points=\"3,1 7,5 3,9\" stroke=\"currentColor\" stroke-width=\"1.5\" fill=\"none\"\/>\r\n <\/svg>\r\n <\/button>\r\n <div class=\"lightbox-image-wrap\" id=\"lightboxImageWrap\"><\/div>\r\n <div class=\"lightbox-caption\">\r\n <p class=\"lightbox-caption-title\" id=\"lightboxTitle\"><\/p>\r\n <p class=\"lightbox-caption-sub\" id=\"lightboxSub\"><\/p>\r\n <p class=\"lightbox-affection\" id=\"lightboxAffection\"><\/p>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function(){\r\n 'use strict';\r\n\r\n \/* \u2500\u2500 INTERSECTION OBSERVER FOR REVEAL \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n const revealEls = document.querySelectorAll('.reveal');\r\n if('IntersectionObserver' in window){\r\n const io = new IntersectionObserver(entries => {\r\n entries.forEach(e => {\r\n if(e.isIntersecting){ e.target.classList.add('visible'); io.unobserve(e.target); }\r\n });\r\n },{ threshold: 0.1 });\r\n revealEls.forEach(el => io.observe(el));\r\n } else {\r\n revealEls.forEach(el => el.classList.add('visible'));\r\n }\r\n\r\n \/* \u2500\u2500 NATIVE CSS SCROLL SNAP CAROUSEL \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n const track = document.getElementById('carouselTrack');\r\n const cards = Array.from(document.querySelectorAll('.outfit-card'));\r\n const dots = document.querySelectorAll('.dot');\r\n const counterEl = document.getElementById('currentSlide');\r\n const prevBtn = document.getElementById('prevBtn');\r\n const nextBtn = document.getElementById('nextBtn');\r\n let currentIdx = 0;\r\n\r\n \/\/ Update dots and counter when natively scrolling\r\n const scrollObserver = new IntersectionObserver(entries => {\r\n entries.forEach(entry => {\r\n if(entry.isIntersecting) {\r\n currentIdx = parseInt(entry.target.dataset.index, 10);\r\n \r\n \/\/ Update active dot\r\n dots.forEach(d => d.classList.remove('active'));\r\n if(dots[currentIdx]) dots[currentIdx].classList.add('active');\r\n \r\n \/\/ Update counter\r\n counterEl.textContent = currentIdx + 1;\r\n }\r\n });\r\n }, { \r\n root: track, \r\n threshold: 0.6 \/\/ Card must be 60% in view to trigger\r\n });\r\n\r\n cards.forEach(card => scrollObserver.observe(card));\r\n\r\n \/\/ Button & Dot Navigation\r\n function scrollToCard(idx) {\r\n if(idx < 0 || idx >= cards.length) return;\r\n cards[idx].scrollIntoView({ behavior: 'smooth', block: 'nearest', inline: 'center' });\r\n }\r\n\r\n prevBtn.addEventListener('click', () => scrollToCard(currentIdx - 1));\r\n nextBtn.addEventListener('click', () => scrollToCard(currentIdx + 1));\r\n dots.forEach((d, i) => d.addEventListener('click', () => scrollToCard(i)));\r\n\r\n \/* \u2500\u2500 LIGHTBOX \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n const lightbox = document.getElementById('lightbox');\r\n const lbImageWrap = document.getElementById('lightboxImageWrap');\r\n const lbTitle = document.getElementById('lightboxTitle');\r\n const lbSub = document.getElementById('lightboxSub');\r\n const lbAffection = document.getElementById('lightboxAffection');\r\n const lbClose = document.getElementById('lightboxClose');\r\n const lbPrev = document.getElementById('lbPrev');\r\n const lbNext = document.getElementById('lbNext');\r\n let lbCurrent = 0;\r\n let lbTouchStartX = 0;\r\n const total = cards.length;\r\n\r\n function openLightbox(idx){\r\n lbCurrent = idx;\r\n const card = cards[idx];\r\n const imgHTML = card.querySelector('.card-image-inner').innerHTML;\r\n const title = card.querySelector('.card-title').textContent;\r\n const desc = card.querySelector('.card-desc').textContent;\r\n const affect = card.querySelector('.card-affection') ? card.querySelector('.card-affection').textContent : '';\r\n\r\n lbImageWrap.style.background = '#c9bfa8';\r\n lbImageWrap.innerHTML = imgHTML;\r\n\r\n lbTitle.textContent = title;\r\n lbSub.textContent = desc;\r\n lbAffection.textContent = affect;\r\n\r\n lightbox.classList.add('open');\r\n document.body.style.overflow = 'hidden'; \/\/ Stop background scrolling\r\n lbClose.focus();\r\n }\r\n\r\n function closeLightbox(){\r\n lightbox.classList.remove('open');\r\n document.body.style.overflow = '';\r\n }\r\n\r\n cards.forEach((card, i) => {\r\n card.addEventListener('click', () => openLightbox(i));\r\n card.addEventListener('keydown', e => {\r\n if(e.key === 'Enter' || e.key === ' '){ e.preventDefault(); openLightbox(i); }\r\n });\r\n });\r\n\r\n lbClose.addEventListener('click', closeLightbox);\r\n lightbox.addEventListener('click', e => { if(e.target === lightbox) closeLightbox(); });\r\n lbPrev.addEventListener('click', () => openLightbox((lbCurrent - 1 + total) % total));\r\n lbNext.addEventListener('click', () => openLightbox((lbCurrent + 1) % total));\r\n\r\n \/\/ Lightbox swiping\r\n lightbox.addEventListener('touchstart', e => {\r\n lbTouchStartX = e.touches[0].clientX;\r\n }, { passive: true });\r\n lightbox.addEventListener('touchend', e => {\r\n const dx = e.changedTouches[0].clientX - lbTouchStartX;\r\n if(dx < -50) openLightbox((lbCurrent + 1) % total);\r\n if(dx > 50) openLightbox((lbCurrent - 1 + total) % total);\r\n }, { passive: true });\r\n\r\n document.addEventListener('keydown', e => {\r\n if(!lightbox.classList.contains('open')) return;\r\n if(e.key === 'Escape') closeLightbox();\r\n if(e.key === 'ArrowLeft') openLightbox((lbCurrent - 1 + total) % total);\r\n if(e.key === 'ArrowRight') openLightbox((lbCurrent + 1) % total);\r\n });\r\n\r\n})();\r\n<\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-46f1461 e-flex e-con-boxed e-con e-parent\" data-id=\"46f1461\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1fbf950 elementor-widget elementor-widget-html\" data-id=\"1fbf950\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, viewport-fit=cover\">\r\n<title>The Final Chapter<\/title>\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;1,300;1,400&family=Jost:wght@300;400;500&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n \/* \u2500\u2500\u2500 DESIGN TOKENS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n :root {\r\n --bg-cream: #f6f1e9;\r\n --bg-cream-alt: #ede6d5;\r\n --text-olive-dark: #2e3328;\r\n --text-olive-mid: #4a5240;\r\n --accent-olive-light: #7a8568;\r\n --accent-gold: #b8a170;\r\n \r\n --font-serif: 'Cormorant Garamond', serif;\r\n --font-sans: 'Jost', sans-serif;\r\n \r\n --ease-smooth: cubic-bezier(0.25, 1, 0.5, 1);\r\n --glass-bg: rgba(246, 241, 233, 0.85);\r\n --glass-border: rgba(255, 255, 255, 0.4);\r\n }\r\n\r\n \/* \u2500\u2500\u2500 RESET & BASE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n * { box-sizing: border-box; margin: 0; padding: 0; }\r\n \r\n body {\r\n background-color: var(--bg-cream);\r\n color: var(--text-olive-dark);\r\n font-family: var(--font-sans);\r\n -webkit-font-smoothing: antialiased;\r\n overflow-x: hidden;\r\n }\r\n\r\n img { max-width: 100%; display: block; }\r\n\r\n \/* \u2500\u2500\u2500 ANIMATIONS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n .reveal {\r\n opacity: 0;\r\n transform: translateY(30px);\r\n transition: opacity 1s var(--ease-smooth), transform 1s var(--ease-smooth);\r\n }\r\n .reveal.visible {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n .delay-1 { transition-delay: 0.1s; }\r\n .delay-2 { transition-delay: 0.2s; }\r\n .delay-3 { transition-delay: 0.3s; }\r\n\r\n \/* \u2500\u2500\u2500 SECTION LAYOUT \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n .final-chapter {\r\n padding: 5rem 1.25rem;\r\n max-width: 1400px;\r\n margin: 0 auto;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n }\r\n\r\n @media(min-width: 768px) {\r\n .final-chapter { padding: 7rem 2.5rem; }\r\n }\r\n\r\n \/* \u2500\u2500\u2500 HEADER \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n .section-header {\r\n text-align: center;\r\n max-width: 600px;\r\n margin-bottom: 4rem;\r\n }\r\n\r\n .badge {\r\n display: inline-block;\r\n font-size: 0.65rem;\r\n font-weight: 500;\r\n letter-spacing: 0.25em;\r\n text-transform: uppercase;\r\n color: var(--accent-gold);\r\n margin-bottom: 1.5rem;\r\n position: relative;\r\n }\r\n .badge::before, .badge::after {\r\n content: '';\r\n position: absolute;\r\n top: 50%;\r\n width: 24px;\r\n height: 1px;\r\n background-color: var(--accent-gold);\r\n }\r\n .badge::before { left: -36px; }\r\n .badge::after { right: -36px; }\r\n\r\n .headline {\r\n font-family: var(--font-serif);\r\n font-size: clamp(2.5rem, 5vw, 4rem);\r\n font-weight: 300;\r\n line-height: 1.1;\r\n color: var(--text-olive-dark);\r\n margin-bottom: 1.25rem;\r\n }\r\n .headline i {\r\n font-style: italic;\r\n color: var(--accent-olive-light);\r\n }\r\n\r\n .subheadline {\r\n font-size: 0.95rem;\r\n font-weight: 300;\r\n line-height: 1.6;\r\n color: var(--text-olive-mid);\r\n }\r\n\r\n \/* \u2500\u2500\u2500 CAROUSEL \/ GRID \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n .experience-grid {\r\n display: flex;\r\n gap: 1.5rem;\r\n width: 100vw;\r\n padding: 0 1.25rem 2rem;\r\n margin-left: -1.25rem; \/* Break out of container for full bleed on mobile *\/\r\n overflow-x: auto;\r\n scroll-snap-type: x mandatory;\r\n scrollbar-width: none; \/* Firefox *\/\r\n -ms-overflow-style: none; \/* IE and Edge *\/\r\n }\r\n .experience-grid::-webkit-scrollbar { display: none; } \/* Chrome, Safari *\/\r\n\r\n @media(min-width: 1024px) {\r\n .experience-grid {\r\n width: 100%;\r\n margin-left: 0;\r\n padding: 0 0 2rem;\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 2rem;\r\n overflow-x: visible;\r\n }\r\n }\r\n\r\n \/* \u2500\u2500\u2500 EXPERIENCE CARD \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n .card {\r\n flex: 0 0 calc(85vw - 1rem); \/* 85% width on mobile *\/\r\n scroll-snap-align: center;\r\n position: relative;\r\n border-radius: 4px;\r\n overflow: hidden;\r\n aspect-ratio: 3 \/ 4;\r\n cursor: pointer;\r\n background-color: var(--bg-cream-alt);\r\n isolation: isolate;\r\n }\r\n @media(min-width: 1024px) {\r\n .card { aspect-ratio: 4 \/ 5; }\r\n }\r\n\r\n .card-image-wrap {\r\n position: absolute;\r\n inset: 0;\r\n overflow: hidden;\r\n z-index: 1;\r\n }\r\n .card-image {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n object-position: center;\r\n transition: transform 1.2s var(--ease-smooth);\r\n }\r\n \r\n \/* Hover Effects *\/\r\n .card:hover .card-image {\r\n transform: scale(1.05);\r\n }\r\n\r\n \/* Glassmorphism Content Box *\/\r\n .card-content {\r\n position: absolute;\r\n bottom: 1.5rem;\r\n left: 1.5rem;\r\n right: 1.5rem;\r\n background: var(--glass-bg);\r\n backdrop-filter: blur(12px);\r\n -webkit-backdrop-filter: blur(12px);\r\n border: 1px solid var(--glass-border);\r\n padding: 1.75rem 1.5rem;\r\n border-radius: 2px;\r\n z-index: 2;\r\n transition: transform 0.6s var(--ease-smooth), background 0.6s;\r\n }\r\n\r\n .card:hover .card-content {\r\n background: rgba(246, 241, 233, 0.95);\r\n transform: translateY(-5px);\r\n }\r\n\r\n .card-eyebrow {\r\n font-size: 0.55rem;\r\n font-weight: 500;\r\n letter-spacing: 0.2em;\r\n text-transform: uppercase;\r\n color: var(--accent-olive-light);\r\n margin-bottom: 0.5rem;\r\n display: block;\r\n }\r\n\r\n .card-title {\r\n font-family: var(--font-serif);\r\n font-size: 1.5rem;\r\n font-weight: 400;\r\n color: var(--text-olive-dark);\r\n margin-bottom: 1rem;\r\n line-height: 1.2;\r\n }\r\n\r\n .card-desc {\r\n font-size: 0.8rem;\r\n font-weight: 300;\r\n line-height: 1.6;\r\n color: var(--text-olive-mid);\r\n margin-bottom: 1.5rem;\r\n }\r\n\r\n \/* Tags *\/\r\n .tags-wrapper {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 0.4rem;\r\n }\r\n .tag {\r\n font-size: 0.6rem;\r\n letter-spacing: 0.05em;\r\n padding: 0.35rem 0.75rem;\r\n border: 1px solid rgba(74, 82, 64, 0.15);\r\n border-radius: 50px;\r\n color: var(--text-olive-mid);\r\n background: transparent;\r\n }\r\n\r\n \/* \u2500\u2500\u2500 CTA BUTTON \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n .cta-wrapper {\r\n margin-top: 4rem;\r\n text-align: center;\r\n }\r\n\r\n .btn-primary {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 1.2rem 3rem;\r\n background-color: var(--text-olive-dark);\r\n color: var(--bg-cream);\r\n font-size: 0.75rem;\r\n font-weight: 400;\r\n letter-spacing: 0.2em;\r\n text-transform: uppercase;\r\n text-decoration: none;\r\n border: 1px solid var(--text-olive-dark);\r\n transition: all 0.4s var(--ease-smooth);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .btn-primary::before {\r\n content: '';\r\n position: absolute;\r\n top: 0; left: 0; width: 100%; height: 100%;\r\n background-color: var(--bg-cream);\r\n transform: scaleY(0);\r\n transform-origin: bottom;\r\n transition: transform 0.4s var(--ease-smooth);\r\n z-index: 1;\r\n }\r\n\r\n .btn-primary:hover::before {\r\n transform: scaleY(1);\r\n }\r\n\r\n .btn-text {\r\n position: relative;\r\n z-index: 2;\r\n transition: color 0.4s;\r\n }\r\n\r\n .btn-primary:hover .btn-text {\r\n color: var(--text-olive-dark);\r\n }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section class=\"final-chapter\">\r\n \r\n <header class=\"section-header reveal\">\r\n <span class=\"badge\">Final Experience<\/span>\r\n <h2 class=\"headline\">Choose The <i>Final Chapter<\/i><\/h2>\r\n <p class=\"subheadline\">Every great story deserves an unforgettable ending. The destination is still waiting to be discovered.<\/p>\r\n <\/header>\r\n\r\n <div class=\"experience-grid\">\r\n \r\n <article class=\"card reveal delay-1\">\r\n <div class=\"card-image-wrap\">\r\n <img decoding=\"async\" src=\"http:\/\/selinamylove.shop\/wp-content\/uploads\/2026\/06\/IMG_0254.jpg\" alt=\"Couple cooking together in a kitchen\" class=\"card-image\">\r\n <\/div>\r\n <div class=\"card-content\">\r\n <span class=\"card-eyebrow\">Experience One<\/span>\r\n <h3 class=\"card-title\">The Home Edition<\/h3>\r\n <p class=\"card-desc\">An evening that begins in the kitchen. Prepare something together. Open a bottle. Share good food. Get ready for the night. Then head out to a carefully selected bar and let the evening continue naturally.<\/p>\r\n <div class=\"tags-wrapper\">\r\n <span class=\"tag\">Cozy<\/span>\r\n <span class=\"tag\">Intimate<\/span>\r\n <span class=\"tag\">Relaxed<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n <article class=\"card reveal delay-2\">\r\n <div class=\"card-image-wrap\">\r\n <img decoding=\"async\" src=\"http:\/\/selinamylove.shop\/wp-content\/uploads\/2026\/06\/IMG_0451.jpg\" alt=\"Luxury picnic spread outdoors\" class=\"card-image\">\r\n <\/div>\r\n <div class=\"card-content\">\r\n <span class=\"card-eyebrow\">Experience Two<\/span>\r\n <h3 class=\"card-title\">The Picnic Collection<\/h3>\r\n <p class=\"card-desc\">Fresh bread. Good cheese. A selection of charcuterie. A blanket under the sky. An afternoon designed for conversation, laughter, and enjoying the simple, quiet things together.<\/p>\r\n <div class=\"tags-wrapper\">\r\n <span class=\"tag\">Slow Living<\/span>\r\n <span class=\"tag\">Nature<\/span>\r\n <span class=\"tag\">Golden Hour<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n <article class=\"card reveal delay-3\">\r\n <div class=\"card-image-wrap\">\r\n <img decoding=\"async\" src=\"http:\/\/selinamylove.shop\/wp-content\/uploads\/2026\/06\/IMG_0259.jpg\" alt=\"Elegant restaurant table setting\" class=\"card-image\">\r\n <\/div>\r\n <div class=\"card-content\">\r\n <span class=\"card-eyebrow\">Experience Three<\/span>\r\n <h3 class=\"card-title\">The Reservation<\/h3>\r\n <p class=\"card-desc\">Dress up. Choose a table. Order something memorable. Sometimes the best experiences are timeless for a reason. A refined evening where every detail has been anticipated.<\/p>\r\n <div class=\"tags-wrapper\">\r\n <span class=\"tag\">Elegant<\/span>\r\n <span class=\"tag\">Refined<\/span>\r\n <span class=\"tag\">Evening<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n <\/div>\r\n\r\n <div class=\"cta-wrapper reveal delay-3\">\r\n <a href=\"#\" class=\"btn-primary\">\r\n <span class=\"btn-text\">Choose Our Adventure<\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n<\/section>\r\n\r\n<script>\r\n \/\/ Simple Intersection Observer to trigger reveal animations\r\n document.addEventListener(\"DOMContentLoaded\", () => {\r\n const revealElements = document.querySelectorAll('.reveal');\r\n \r\n const observer = new IntersectionObserver((entries) => {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) {\r\n entry.target.classList.add('visible');\r\n observer.unobserve(entry.target); \/\/ Trigger only once\r\n }\r\n });\r\n }, {\r\n root: null,\r\n threshold: 0.15,\r\n rootMargin: \"0px 0px -50px 0px\"\r\n });\r\n\r\n revealElements.forEach(el => observer.observe(el));\r\n });\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>The Arrival Collection \u2014 Experience One Selina Special Necklace N\u00ba 01 \u2014 2026 Just for a sexy girl First Experience […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-143","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/selinamylove.shop\/index.php?rest_route=\/wp\/v2\/pages\/143","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/selinamylove.shop\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/selinamylove.shop\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/selinamylove.shop\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/selinamylove.shop\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=143"}],"version-history":[{"count":45,"href":"https:\/\/selinamylove.shop\/index.php?rest_route=\/wp\/v2\/pages\/143\/revisions"}],"predecessor-version":[{"id":271,"href":"https:\/\/selinamylove.shop\/index.php?rest_route=\/wp\/v2\/pages\/143\/revisions\/271"}],"wp:attachment":[{"href":"https:\/\/selinamylove.shop\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=143"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n \t\t\t\t \t\n\t\t\n\t<\/video>\n\t\t\n<\/div>\n

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\nThe Arrival Collection \u2014 Experience One<\/title>\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\" \/>\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin \/>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400;1,500&family=Jost:wght=200;300;400;500&display=swap\" rel=\"stylesheet\" \/>\r\n\r\n<style>\r\n \/* \u2500\u2500\u2500 TOKENS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n :root {\r\n --olive: #4a5240;\r\n --olive-deep: #333829;\r\n --olive-mid: #5e6650;\r\n --olive-light: #7a8568;\r\n --olive-pale: #c8cdb8;\r\n --cream: #f5f0e8;\r\n --cream-warm: #ede6d6;\r\n --cream-dark: #d9cebb;\r\n --gold: #b8a170;\r\n --gold-light: #d4bc8a;\r\n --gold-pale: #e8d9b8;\r\n --ink: #1e1f1a;\r\n --mist: rgba(74, 82, 64, 0.06);\r\n\r\n --ff-serif: 'Cormorant Garamond', Georgia, serif;\r\n --ff-sans: 'Jost', sans-serif;\r\n\r\n --ease-luxury: cubic-bezier(0.22, 1, 0.36, 1);\r\n --ease-slow: cubic-bezier(0.4, 0, 0.2, 1);\r\n }\r\n\r\n *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n html { scroll-behavior: smooth; }\r\n\r\n body {\r\n background: var(--cream);\r\n color: var(--ink);\r\n font-family: var(--ff-sans);\r\n font-weight: 300;\r\n -webkit-font-smoothing: antialiased;\r\n overflow-x: hidden;\r\n }\r\n\r\n \/* \u2500\u2500\u2500 NOISE GRAIN OVERLAY \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n body::before {\r\n content: '';\r\n position: fixed;\r\n inset: 0;\r\n background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'\/%3E%3C\/svg%3E\");\r\n pointer-events: none;\r\n z-index: 9999;\r\n opacity: 0.4;\r\n }\r\n\r\n \/* \u2500\u2500\u2500 ENTRY ANIMATIONS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n @keyframes fadeUp {\r\n from { opacity: 0; transform: translateY(32px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n @keyframes fadeIn {\r\n from { opacity: 0; }\r\n to { opacity: 1; }\r\n }\r\n @keyframes lineExpand {\r\n from { transform: scaleX(0); }\r\n to { transform: scaleX(1); }\r\n }\r\n @keyframes float {\r\n 0%, 100% { transform: translateY(0px); }\r\n 50% { transform: translateY(-6px); }\r\n }\r\n @keyframes shimmer {\r\n 0% { background-position: -200% center; }\r\n 100% { background-position: 200% center; }\r\n }\r\n\r\n .reveal {\r\n opacity: 0;\r\n transform: translateY(28px);\r\n transition: opacity 0.9s var(--ease-luxury), transform 0.9s var(--ease-luxury);\r\n }\r\n .reveal.visible {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n\r\n \/* \u2500\u2500\u2500 SECTION SHELL \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n .arrival-section {\r\n position: relative;\r\n background: var(--cream);\r\n min-height: 100vh;\r\n padding: 0;\r\n overflow: hidden;\r\n }\r\n\r\n .arrival-section::after {\r\n content: '';\r\n position: absolute;\r\n top: 0; right: 0;\r\n width: 1px;\r\n height: 100%;\r\n background: linear-gradient(to bottom, transparent, var(--olive-pale) 30%, var(--olive-pale) 70%, transparent);\r\n opacity: 0.4;\r\n }\r\n\r\n \/* \u2500\u2500\u2500 TOP BAR \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n .top-bar {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n padding: 2rem 2.5rem;\r\n border-bottom: 1px solid var(--cream-dark);\r\n animation: fadeIn 1.2s var(--ease-luxury) both;\r\n }\r\n\r\n .brand-wordmark {\r\n font-family: var(--ff-serif);\r\n font-size: 1.1rem;\r\n font-weight: 400;\r\n letter-spacing: 0.18em;\r\n color: var(--olive-deep);\r\n text-transform: uppercase;\r\n }\r\n\r\n .collection-number {\r\n font-family: var(--ff-sans);\r\n font-size: 0.65rem;\r\n font-weight: 400;\r\n letter-spacing: 0.25em;\r\n color: var(--olive-light);\r\n text-transform: uppercase;\r\n }\r\n\r\n \/* \u2500\u2500\u2500 HERO LAYOUT \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n .hero-grid {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n gap: 0;\r\n position: relative;\r\n }\r\n\r\n @media (min-width: 900px) {\r\n .hero-grid {\r\n grid-template-columns: 55% 45%;\r\n min-height: calc(100vh - 80px);\r\n }\r\n }\r\n\r\n \/* \u2500\u2500\u2500 PRIMARY IMAGE PANEL \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n .image-primary {\r\n position: relative;\r\n overflow: hidden;\r\n background: var(--olive-deep);\r\n min-height: 65vw;\r\n }\r\n\r\n @media (min-width: 900px) {\r\n .image-primary {\r\n min-height: unset;\r\n }\r\n }\r\n\r\n .image-primary-inner {\r\n position: absolute;\r\n inset: 0;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n background: linear-gradient(160deg, #2c3027 0%, #1e2119 40%, #2a2d22 100%);\r\n transition: transform 0.9s var(--ease-luxury);\r\n }\r\n\r\n .image-primary:hover .image-primary-inner {\r\n transform: scale(1.025);\r\n }\r\n\r\n .corner-mark {\r\n position: absolute;\r\n width: 28px;\r\n height: 28px;\r\n pointer-events: none;\r\n z-index: 2;\r\n }\r\n .corner-mark.tl { top: 20px; left: 20px; border-top: 1px solid var(--gold); border-left: 1px solid var(--gold); opacity: 0.6; }\r\n .corner-mark.br { bottom: 20px; right: 20px; border-bottom: 1px solid var(--gold); border-right: 1px solid var(--gold); opacity: 0.6; }\r\n\r\n .image-label {\r\n position: absolute;\r\n bottom: 1.5rem;\r\n left: 1.5rem;\r\n font-family: var(--ff-sans);\r\n font-size: 0.6rem;\r\n font-weight: 300;\r\n letter-spacing: 0.3em;\r\n color: var(--gold-pale);\r\n text-transform: uppercase;\r\n opacity: 0.7;\r\n z-index: 3;\r\n }\r\n\r\n \/* \u2500\u2500\u2500 CONTENT PANEL \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n .content-panel {\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n padding: 4rem 2.5rem;\r\n background: var(--cream);\r\n position: relative;\r\n }\r\n\r\n @media (min-width: 900px) {\r\n .content-panel {\r\n padding: 5rem 4rem 5rem 3.5rem;\r\n }\r\n }\r\n\r\n .content-panel::before {\r\n content: '';\r\n display: none;\r\n position: absolute;\r\n left: 0;\r\n top: 12%;\r\n height: 76%;\r\n width: 1px;\r\n background: linear-gradient(to bottom, transparent, var(--olive-pale) 30%, var(--olive-pale) 70%, transparent);\r\n }\r\n @media (min-width: 900px) {\r\n .content-panel::before { display: block; }\r\n }\r\n\r\n \/* \u2500\u2500\u2500 BADGE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n .experience-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 0.6rem;\r\n margin-bottom: 2.5rem;\r\n animation: fadeUp 0.8s var(--ease-luxury) 0.2s both;\r\n }\r\n\r\n .badge-line {\r\n display: block;\r\n width: 30px;\r\n height: 1px;\r\n background: var(--gold);\r\n transform-origin: left;\r\n animation: lineExpand 0.8s var(--ease-luxury) 0.5s both;\r\n }\r\n\r\n .badge-text {\r\n font-family: var(--ff-sans);\r\n font-size: 0.6rem;\r\n font-weight: 500;\r\n letter-spacing: 0.35em;\r\n color: var(--gold);\r\n text-transform: uppercase;\r\n }\r\n\r\n \/* \u2500\u2500\u2500 HEADLINE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n .headline-wrap {\r\n margin-bottom: 1.2rem;\r\n animation: fadeUp 0.9s var(--ease-luxury) 0.4s both;\r\n }\r\n\r\n .eyebrow {\r\n font-family: var(--ff-sans);\r\n font-size: 0.62rem;\r\n font-weight: 300;\r\n letter-spacing: 0.28em;\r\n color: var(--olive-light);\r\n text-transform: uppercase;\r\n margin-bottom: 0.7rem;\r\n display: block;\r\n }\r\n\r\n h1.headline {\r\n font-family: var(--ff-serif);\r\n font-size: clamp(2.8rem, 5.5vw, 4.2rem);\r\n font-weight: 300;\r\n line-height: 1.0;\r\n color: var(--olive-deep);\r\n letter-spacing: -0.01em;\r\n margin-bottom: 0;\r\n }\r\n\r\n h1.headline em {\r\n font-style: italic;\r\n color: var(--olive);\r\n font-weight: 300;\r\n }\r\n\r\n \/* \u2500\u2500\u2500 DIVIDER \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n .divider {\r\n display: flex;\r\n align-items: center;\r\n gap: 1rem;\r\n margin: 1.8rem 0 1.8rem;\r\n animation: fadeUp 1.0s var(--ease-luxury) 0.55s both;\r\n }\r\n .divider-line {\r\n height: 1px;\r\n width: 40px;\r\n background: var(--cream-dark);\r\n }\r\n .divider-ornament {\r\n width: 5px;\r\n height: 5px;\r\n border: 1px solid var(--gold);\r\n transform: rotate(45deg);\r\n opacity: 0.8;\r\n }\r\n .divider-line-long {\r\n height: 1px;\r\n flex: 1;\r\n background: linear-gradient(to right, var(--cream-dark), transparent);\r\n }\r\n\r\n \/* \u2500\u2500\u2500 SUBHEADLINE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n .subheadline {\r\n font-family: var(--ff-serif);\r\n font-size: clamp(1.1rem, 2.5vw, 1.4rem);\r\n font-weight: 300;\r\n font-style: italic;\r\n color: var(--olive-mid);\r\n line-height: 1.5;\r\n margin-bottom: 1.8rem;\r\n animation: fadeUp 0.9s var(--ease-luxury) 0.6s both;\r\n }\r\n\r\n \/* \u2500\u2500\u2500 DESCRIPTION \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n .description {\r\n font-family: var(--ff-sans);\r\n font-size: 0.88rem;\r\n font-weight: 300;\r\n line-height: 1.85;\r\n color: var(--olive-light);\r\n max-width: 400px;\r\n margin-bottom: 2.5rem;\r\n animation: fadeUp 0.9s var(--ease-luxury) 0.7s both;\r\n }\r\n\r\n \/* \u2500\u2500\u2500 METADATA ROW \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n .metadata-row {\r\n display: flex;\r\n gap: 2.5rem;\r\n margin-bottom: 3rem;\r\n animation: fadeUp 0.9s var(--ease-luxury) 0.8s both;\r\n }\r\n .metadata-label {\r\n font-family: var(--ff-sans);\r\n font-size: 0.55rem;\r\n font-weight: 400;\r\n letter-spacing: 0.3em;\r\n color: var(--gold);\r\n text-transform: uppercase;\r\n margin-bottom: 0.3rem;\r\n display: block;\r\n }\r\n .metadata-value {\r\n font-family: var(--ff-serif);\r\n font-size: 0.95rem;\r\n font-weight: 400;\r\n color: var(--olive-deep);\r\n display: block;\r\n }\r\n\r\n \/* \u2500\u2500\u2500 BOTTOM STRIP \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n .bottom-strip {\r\n background: var(--olive-deep);\r\n padding: 3.5rem 2.5rem;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 1.5rem;\r\n text-align: center;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n @media (min-width: 900px) {\r\n .bottom-strip {\r\n flex-direction: row;\r\n text-align: left;\r\n justify-content: space-between;\r\n padding: 3rem 4rem;\r\n }\r\n }\r\n\r\n .bottom-strip::before {\r\n content: '';\r\n position: absolute;\r\n top: 0; left: 0; right: 0;\r\n height: 1px;\r\n background: linear-gradient(to right, transparent, var(--gold) 40%, var(--gold) 60%, transparent);\r\n opacity: 0.3;\r\n }\r\n\r\n .bottom-copy {\r\n max-width: 420px;\r\n }\r\n\r\n .bottom-title {\r\n font-family: var(--ff-serif);\r\n font-size: clamp(1.4rem, 3vw, 2rem);\r\n font-weight: 300;\r\n color: var(--cream);\r\n line-height: 1.3;\r\n margin-bottom: 0.6rem;\r\n }\r\n\r\n .bottom-subtitle {\r\n font-family: var(--ff-sans);\r\n font-size: 0.75rem;\r\n font-weight: 300;\r\n letter-spacing: 0.12em;\r\n color: var(--olive-pale);\r\n line-height: 1.7;\r\n }\r\n\r\n .cta-main {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 1.2rem;\r\n padding: 1.1rem 2.8rem;\r\n background: transparent;\r\n color: var(--cream);\r\n font-family: var(--ff-sans);\r\n font-size: 0.65rem;\r\n font-weight: 400;\r\n letter-spacing: 0.3em;\r\n text-transform: uppercase;\r\n text-decoration: none;\r\n border: 1px solid var(--gold);\r\n cursor: pointer;\r\n position: relative;\r\n overflow: hidden;\r\n transition: color 0.5s var(--ease-luxury);\r\n flex-shrink: 0;\r\n }\r\n\r\n .cta-main::before {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n background: var(--gold);\r\n transform: translateY(101%);\r\n transition: transform 0.55s var(--ease-luxury);\r\n }\r\n\r\n .cta-main:hover::before {\r\n transform: translateY(0);\r\n }\r\n\r\n .cta-main:hover {\r\n color: var(--olive-deep);\r\n }\r\n\r\n .cta-main-text {\r\n position: relative;\r\n z-index: 1;\r\n }\r\n\r\n .cta-main-arrow {\r\n position: relative;\r\n z-index: 1;\r\n display: inline-flex;\r\n align-items: center;\r\n }\r\n\r\n .shimmer-text {\r\n background: linear-gradient(90deg, var(--gold), var(--cream), var(--gold));\r\n background-size: 200% auto;\r\n background-clip: text;\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n animation: shimmer 4s linear infinite;\r\n }\r\n<\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n<section class=\"arrival-section\" aria-label=\"The Arrival Collection\">\r\n\r\n \r\n <header class=\"top-bar\">\r\n <span class=\"brand-wordmark\">Selina Special Necklace<\/span>\r\n <span class=\"collection-number\">N\u00ba 01 \u2014 2026<\/span>\r\n <\/header>\r\n\r\n \r\n <div class=\"hero-grid\">\r\n\r\n \r\n <div class=\"image-primary\" role=\"img\" aria-label=\"Necklace \u2014 The Arrival Collection\">\r\n <div class=\"corner-mark tl\"><\/div>\r\n <div class=\"corner-mark br\"><\/div>\r\n\r\n <div class=\"image-primary-inner\">\r\n <img decoding=\"async\"\r\n src=\"http:\/\/selinamylove.shop\/wp-content\/uploads\/2026\/06\/seli-solo-collar.png\"\r\n alt=\"The Arrival Pendant\"\r\n style=\"width:100%; height:100%; object-fit:cover; position:absolute; inset:0;\"\r\n \/>\r\n <\/div>\r\n\r\n <span class=\"image-label\">Just for a sexy girl<\/span>\r\n <\/div>\r\n\r\n \r\n <div class=\"content-panel\">\r\n\r\n \r\n <div class=\"experience-badge\">\r\n <span class=\"badge-line\"><\/span>\r\n <span class=\"badge-text\">First Experience<\/span>\r\n <\/div>\r\n\r\n \r\n <div class=\"headline-wrap\">\r\n <span class=\"eyebrow\">The Arrival Collection<\/span>\r\n <h1 class=\"headline\">The<br><em>Arrival<\/em><br>Collection.<\/h1>\r\n <\/div>\r\n\r\n \r\n <div class=\"divider\">\r\n <span class=\"divider-line\"><\/span>\r\n <span class=\"divider-ornament\"><\/span>\r\n <span class=\"divider-line-long\"><\/span>\r\n <\/div>\r\n\r\n \r\n <p class=\"subheadline\">A small object. A very large meaning.<\/p>\r\n\r\n \r\n <p class=\"description\">\r\n Some things are chosen slowly \u2014 over months, across cities, through quiet certainty. This gold-toned pendant is one of those things. It was selected not just for its brilliance, but for the rare mind it belongs to: a girl with a brilliant, razor-sharp intelligence and an incredible sense of humor that lights up any room.<br><br>\r\n It was chosen, above all, to complement a pair of incredibly beautiful eyes\u2014the kind that see the world a little more deeply, and a lot more humorously, than the rest. It travels now. So do you. And soon, it will arrive.\r\n <\/p>\r\n\r\n \r\n <div class=\"metadata-row\">\r\n <div class=\"metadata-item\">\r\n <span class=\"metadata-label\">Material<\/span>\r\n <span class=\"metadata-value\">Who cares?<\/span>\r\n <\/div>\r\n <div class=\"metadata-item\">\r\n <span class=\"metadata-label\">Collection<\/span>\r\n <span class=\"metadata-value\">The Arrival, No. 1<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div> \r\n <\/div> \r\n\r\n \r\n <div class=\"bottom-strip\" id=\"experience-one\" role=\"region\" aria-label=\"Call to action\">\r\n <div class=\"bottom-copy reveal\">\r\n <h3 class=\"bottom-title\">Two people. One departure.<br>\r\n <span class=\"shimmer-text\">One arrival.<\/span>\r\n <\/h3>\r\n <p class=\"bottom-subtitle\">\r\n The first experience of the collection is a shared discovery.<br>\r\n What happens when you unlock it is yours alone to know.\r\n <\/p>\r\n <\/div>\r\n\r\n <a href=\"#\" class=\"cta-main\" role=\"button\" aria-label=\"Unlock Experience One\">\r\n <span class=\"cta-main-text\">Ask for this with alex<\/span>\r\n <span class=\"cta-main-arrow\">\r\n <svg width=\"18\" height=\"10\" viewBox=\"0 0 18 10\" fill=\"none\" aria-hidden=\"true\">\r\n <line x1=\"0\" y1=\"5\" x2=\"14\" y2=\"5\" stroke=\"currentColor\" stroke-width=\"1\"\/>\r\n <polyline points=\"10,1 14,5 10,9\" stroke=\"currentColor\" stroke-width=\"1\" fill=\"none\"\/>\r\n <\/svg>\r\n <\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n<\/section> \r\n\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8450036 e-con e-atomic-element e-flexbox-base e-7c3efbb \" data-id=\"8450036\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"8450036\">\n \t\t<div class=\"elementor-element elementor-element-03639ad elementor-widget elementor-widget-html\" data-id=\"03639ad\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n<meta charset=\"UTF-8\" \/>\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, viewport-fit=cover\" \/>\r\n<meta name=\"theme-color\" content=\"#f6f1e9\" \/>\r\n<title>The Selection Room \u2014 Experience Two<\/title>\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\" \/>\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin \/>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;1,300;1,400;1,500&family=Jost:wght@200;300;400;500&display=swap\" rel=\"stylesheet\" \/>\r\n\r\n<style>\r\n\/* \u2500\u2500\u2500 TOKENS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n:root {\r\n --olive: #4a5240;\r\n --olive-deep: #2e3328;\r\n --olive-mid: #5e6650;\r\n --olive-light: #7a8568;\r\n --olive-pale: #c4c9b2;\r\n --olive-ghost: #eaece4;\r\n --cream: #f6f1e9;\r\n --cream-warm: #ede6d5;\r\n --cream-dark: #d8cdb8;\r\n --beige: #e2d9c8;\r\n --beige-dark: #c9bfa8;\r\n --gold: #b8a170;\r\n --gold-light: #d4bc8a;\r\n --gold-pale: #ecdfc4;\r\n --orange-play: #f07b3f;\r\n --ink: #1c1e18;\r\n --ff-serif: 'Cormorant Garamond', Georgia, serif;\r\n --ff-sans: 'Jost', sans-serif;\r\n --ease-lux: cubic-bezier(0.22, 1, 0.36, 1);\r\n}\r\n\r\n\/* \u2500\u2500\u2500 RESET \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\nhtml { scroll-behavior: smooth; }\r\n\r\nbody {\r\n background: var(--cream);\r\n color: var(--ink);\r\n font-family: var(--ff-sans);\r\n font-weight: 300;\r\n -webkit-font-smoothing: antialiased;\r\n overflow-x: hidden;\r\n width: 100%;\r\n}\r\n\r\nsection, div, header, footer {\r\n max-width: 100%;\r\n}\r\n\r\n\/* \u2500\u2500\u2500 GRAIN OVERLAY \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\nbody::before {\r\n content: '';\r\n position: fixed; inset: 0;\r\n background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.035'\/%3E%3C\/svg%3E\");\r\n pointer-events: none; z-index: 9999; opacity: 0.5;\r\n}\r\n\r\n\/* \u2500\u2500\u2500 KEYFRAMES \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n@keyframes fadeUp { from{opacity:0;transform:translateY(24px)} to{opacity:1;transform:translateY(0)} }\r\n@keyframes fadeIn { from{opacity:0} to{opacity:1} }\r\n@keyframes lineGrow { from{transform:scaleX(0)} to{transform:scaleX(1)} }\r\n@keyframes shimmer { 0%{background-position:-200% center} 100%{background-position:200% center} }\r\n@keyframes pulseGold{ 0%,100%{opacity:0.5} 50%{opacity:1} }\r\n@keyframes spinPlayful{ 0%{transform:rotate(0deg) scale(1)} 50%{transform:rotate(180deg) scale(1.1)} 100%{transform:rotate(360deg) scale(1)} }\r\n\r\n.reveal {\r\n opacity: 0; transform: translateY(20px);\r\n transition: opacity 0.9s var(--ease-lux), transform 0.9s var(--ease-lux);\r\n}\r\n.reveal.visible { opacity: 1; transform: translateY(0); }\r\n.reveal-delay-1 { transition-delay: 0.1s; }\r\n.reveal-delay-2 { transition-delay: 0.22s; }\r\n.reveal-delay-3 { transition-delay: 0.36s; }\r\n\r\n\/* \u2500\u2500\u2500 TOP BAR \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.top-bar {\r\n display: flex; justify-content: space-between; align-items: center;\r\n padding: 1.4rem 1.25rem;\r\n border-bottom: 1px solid var(--cream-dark);\r\n animation: fadeIn 1s var(--ease-lux) both;\r\n}\r\n@media(min-width:600px){ .top-bar{ padding: 1.8rem 2.5rem; } }\r\n\r\n.brand-wordmark {\r\n font-family: var(--ff-serif); font-size: 0.95rem; font-weight: 400;\r\n letter-spacing: 0.16em; color: var(--olive-deep); text-transform: uppercase;\r\n}\r\n@media(min-width:600px){ .brand-wordmark{ font-size: 1.05rem; } }\r\n\r\n.session-label {\r\n display: flex; align-items: center; gap: 0.45rem;\r\n font-family: var(--ff-sans); font-size: 0.52rem; font-weight: 400;\r\n letter-spacing: 0.2em; color: var(--olive-light); text-transform: uppercase;\r\n}\r\n.session-dot {\r\n width: 5px; height: 5px; border-radius: 50%; flex-shrink: 0;\r\n background: var(--gold); animation: pulseGold 2.5s ease-in-out infinite;\r\n}\r\n\r\n\/* \u2500\u2500\u2500 INTRO BLOCK \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.selection-section {\r\n background: var(--cream);\r\n position: relative;\r\n overflow: hidden;\r\n width: 100%;\r\n}\r\n\r\n.intro-block {\r\n position: relative;\r\n padding: 3rem 1.25rem 2.5rem;\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n gap: 1.8rem;\r\n}\r\n@media(min-width:600px){ .intro-block{ padding: 4rem 2.5rem 3rem; } }\r\n@media(min-width:900px){\r\n .intro-block{\r\n grid-template-columns: 1fr 1fr;\r\n padding: 5rem 5rem 3.5rem;\r\n align-items: end;\r\n }\r\n}\r\n\r\n.orange-decor {\r\n position: absolute;\r\n top: 10%; right: 5%;\r\n width: 50px; height: 50px;\r\n color: var(--orange-play);\r\n animation: spinPlayful 15s linear infinite;\r\n z-index: 0; opacity: 0.85;\r\n pointer-events: none;\r\n}\r\n@media(min-width:600px){ .orange-decor{ width: 75px; height: 75px; right: 10%; top: 15%; } }\r\n@media(min-width:900px){ .orange-decor{ width: 90px; height: 90px; right: 18%; top: 15%; } }\r\n\r\n.intro-left, .intro-right { position: relative; z-index: 1; }\r\n\r\n.badge-row {\r\n display: inline-flex; align-items: center; gap: 0.65rem;\r\n margin-bottom: 1.6rem;\r\n animation: fadeUp 0.8s var(--ease-lux) 0.2s both;\r\n}\r\n.badge-line {\r\n display: block; width: 28px; height: 1px; background: var(--gold);\r\n transform-origin: left; animation: lineGrow 0.8s var(--ease-lux) 0.5s both;\r\n}\r\n.badge-text {\r\n font-family: var(--ff-sans); font-size: 0.56rem; font-weight: 500;\r\n letter-spacing: 0.32em; color: var(--gold); text-transform: uppercase;\r\n}\r\n\r\n.eyebrow {\r\n display: block; font-family: var(--ff-sans); font-size: 0.58rem;\r\n font-weight: 300; letter-spacing: 0.26em; color: var(--olive-light);\r\n text-transform: uppercase; margin-bottom: 0.6rem;\r\n animation: fadeUp 0.9s var(--ease-lux) 0.35s both;\r\n}\r\n\r\n.main-headline {\r\n font-family: var(--ff-serif);\r\n font-size: clamp(2.4rem, 8vw, 4.4rem);\r\n font-weight: 300; line-height: 1.0;\r\n color: var(--olive-deep); letter-spacing: -0.01em;\r\n animation: fadeUp 0.9s var(--ease-lux) 0.45s both;\r\n}\r\n.main-headline em { font-style: italic; color: var(--olive); }\r\n\r\n.intro-right { padding-top: 0.3rem; }\r\n\r\n.intro-divider {\r\n display: flex; align-items: center; gap: 0.8rem; margin-bottom: 1.2rem;\r\n}\r\n.intro-divider-line { height: 1px; width: 22px; background: var(--cream-dark); }\r\n.intro-divider-diamond {\r\n width: 5px; height: 5px; border: 1px solid var(--gold);\r\n transform: rotate(45deg); opacity: 0.8; flex-shrink: 0;\r\n}\r\n\r\n.subheadline {\r\n font-family: var(--ff-serif); font-style: italic;\r\n font-size: clamp(1rem, 3.5vw, 1.3rem); font-weight: 300;\r\n color: var(--olive-mid); line-height: 1.55; margin-bottom: 1rem;\r\n}\r\n\r\n.intro-copy {\r\n font-family: var(--ff-sans); font-size: 0.83rem; font-weight: 300;\r\n line-height: 1.9; color: var(--olive-light);\r\n}\r\n\r\n\/* \u2500\u2500\u2500 CAROUSEL HEADER \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.carousel-section { width: 100%; overflow: hidden; position: relative; }\r\n\r\n.carousel-header {\r\n display: flex; justify-content: space-between; align-items: center;\r\n padding: 0 1.25rem 1.2rem;\r\n}\r\n@media(min-width:600px){ .carousel-header{ padding: 0 2.5rem 1.5rem; } }\r\n@media(min-width:900px){ .carousel-header{ padding: 0 5rem 1.8rem; } }\r\n\r\n.carousel-counter {\r\n font-family: var(--ff-serif); font-size: 1rem; font-weight: 300;\r\n color: var(--olive-light);\r\n}\r\n.carousel-counter strong {\r\n font-family: var(--ff-serif); font-size: 1.5rem; font-weight: 300;\r\n color: var(--olive-deep);\r\n}\r\n\r\n.carousel-nav { display: flex; gap: 0.5rem; align-items: center; }\r\n\r\n.nav-btn {\r\n width: 44px; height: 44px; border-radius: 50%;\r\n border: 1px solid var(--cream-dark); background: transparent;\r\n display: flex; align-items: center; justify-content: center;\r\n cursor: pointer; color: var(--olive);\r\n -webkit-tap-highlight-color: transparent;\r\n touch-action: manipulation;\r\n transition: background 0.3s var(--ease-lux), border-color 0.3s, color 0.3s;\r\n}\r\n.nav-btn:hover, .nav-btn:active {\r\n background: var(--olive-deep); border-color: var(--olive-deep); color: var(--cream);\r\n}\r\n.nav-btn svg { pointer-events: none; }\r\n\r\n\/* \u2500\u2500\u2500 NATIVE SCROLL CAROUSEL \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.carousel-track {\r\n display: flex;\r\n gap: 1rem;\r\n padding: 0 1.25rem;\r\n overflow-x: auto;\r\n scroll-snap-type: x mandatory;\r\n scroll-behavior: smooth;\r\n -webkit-overflow-scrolling: touch;\r\n -ms-overflow-style: none; \r\n scrollbar-width: none; \r\n}\r\n.carousel-track::-webkit-scrollbar { display: none; }\r\n\r\n@media(min-width:600px){\r\n .carousel-track { padding: 0 2.5rem; gap: 1.5rem; }\r\n}\r\n@media(min-width:900px){\r\n .carousel-track { padding: 0 5rem; gap: 2.5rem; }\r\n}\r\n\r\n.outfit-card {\r\n flex: 0 0 calc(100vw - 2.5rem);\r\n scroll-snap-align: center;\r\n position: relative;\r\n border-radius: 3px;\r\n overflow: hidden;\r\n background: var(--beige);\r\n cursor: pointer;\r\n -webkit-tap-highlight-color: transparent;\r\n transition: box-shadow 0.4s var(--ease-lux);\r\n}\r\n\r\n@media(min-width:480px){ .outfit-card { flex: 0 0 300px; } }\r\n@media(min-width:600px){ .outfit-card { flex: 0 0 320px; } }\r\n@media(min-width:900px){ .outfit-card { flex: 0 0 360px; } }\r\n\r\n@media(hover:hover){\r\n .outfit-card:hover { box-shadow: 0 20px 48px rgba(46,51,40,0.16); }\r\n}\r\n\r\n.card-image {\r\n position: relative; width: 100%;\r\n aspect-ratio: 2 \/ 3;\r\n overflow: hidden; background: var(--beige-dark);\r\n display: flex; align-items: center; justify-content: center;\r\n}\r\n@supports not (aspect-ratio: 2\/3) {\r\n .card-image { padding-top: 150%; height: 0; }\r\n .card-image-inner { position: absolute; inset: 0; }\r\n}\r\n\r\n.card-image-inner {\r\n position: absolute; inset: 0;\r\n display: flex; align-items: center; justify-content: center;\r\n transition: transform 0.7s var(--ease-lux);\r\n}\r\n@media(hover:hover){ .outfit-card:hover .card-image-inner { transform: scale(1.035); } }\r\n\r\n\/* \u2500\u2500\u2500 ESTILOS PARA LAS FOTOS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.outfit-photo {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover; \/* Hace que la imagen rellene todo el espacio sin deformarse *\/\r\n object-position: center center; \/* Si necesitas priorizar rostros, cambia a \"top center\" *\/\r\n display: block;\r\n pointer-events: none;\r\n}\r\n\r\n.card-overlay {\r\n position: absolute; inset: 0;\r\n background: linear-gradient(to top, rgba(46,51,40,0.5) 0%, transparent 55%);\r\n display: flex; align-items: flex-end; padding: 1.2rem;\r\n z-index: 2; opacity: 0.6; pointer-events: none;\r\n transition: opacity 0.4s var(--ease-lux);\r\n}\r\n@media(hover:hover){\r\n .card-overlay { opacity: 0; }\r\n .outfit-card:hover .card-overlay { opacity: 1; }\r\n}\r\n\r\n.zoom-hint {\r\n font-family: var(--ff-sans); font-size: 0.56rem; font-weight: 400;\r\n letter-spacing: 0.22em; color: var(--cream); text-transform: uppercase;\r\n display: flex; align-items: center; gap: 0.45rem;\r\n}\r\n\r\n.card-number-tag {\r\n position: absolute; top: 0.85rem; left: 0.85rem; z-index: 3;\r\n width: 26px; height: 26px; border: 1px solid var(--gold);\r\n display: flex; align-items: center; justify-content: center;\r\n background: rgba(246,241,233,0.88);\r\n}\r\n.card-number-tag span {\r\n font-family: var(--ff-serif); font-size: 0.7rem; font-weight: 400; color: var(--olive-deep);\r\n}\r\n\r\n.card-caption-tag {\r\n position: absolute; top: 0.85rem; right: 0.85rem; z-index: 3;\r\n background: var(--gold); padding: 0.28rem 0.65rem;\r\n max-width: calc(100% - 4.5rem);\r\n}\r\n.card-caption-tag span {\r\n font-family: var(--ff-serif); font-size: 0.65rem; font-style: italic;\r\n font-weight: 400; color: var(--cream); white-space: nowrap;\r\n overflow: hidden; text-overflow: ellipsis; display: block;\r\n}\r\n\r\n.card-footer {\r\n padding: 1rem 1.2rem 1.3rem; background: var(--cream-warm);\r\n border-top: 1px solid var(--cream-dark);\r\n}\r\n.card-label {\r\n font-family: var(--ff-sans); font-size: 0.55rem; font-weight: 400;\r\n letter-spacing: 0.28em; color: var(--gold); text-transform: uppercase; margin-bottom: 0.25rem;\r\n}\r\n.card-title {\r\n font-family: var(--ff-serif); font-size: 1rem; font-weight: 400;\r\n color: var(--olive-deep); margin-bottom: 0.2rem;\r\n}\r\n.card-desc {\r\n font-family: var(--ff-sans); font-size: 0.72rem; font-weight: 300;\r\n color: var(--olive-light); line-height: 1.6; margin-bottom: 0.5rem;\r\n}\r\n.card-affection {\r\n font-family: var(--ff-serif); font-style: italic; font-size: 0.8rem;\r\n color: var(--gold); line-height: 1.4;\r\n}\r\n\r\n\/* \u2500\u2500\u2500 PROGRESS DOTS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.progress-dots {\r\n display: flex; justify-content: center; gap: 0.55rem;\r\n padding: 1.2rem 0 2rem;\r\n}\r\n.dot {\r\n width: 28px; height: 28px; border-radius: 50%; border: none; background: none;\r\n display: flex; align-items: center; justify-content: center;\r\n cursor: pointer; -webkit-tap-highlight-color: transparent;\r\n}\r\n.dot::after {\r\n content: ''; display: block; width: 6px; height: 6px; border-radius: 50%;\r\n background: var(--cream-dark); transition: background 0.3s ease, transform 0.3s ease;\r\n}\r\n.dot.active::after { background: var(--gold); transform: scale(1.5); }\r\n\r\n\/* \u2500\u2500\u2500 EDITORIAL BLOCK \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.editorial-block {\r\n padding: 3rem 1.25rem; background: var(--cream-warm);\r\n border-top: 1px solid var(--cream-dark); border-bottom: 1px solid var(--cream-dark);\r\n display: grid; grid-template-columns: 1fr; gap: 2rem;\r\n}\r\n@media(min-width:600px){ .editorial-block{ padding: 4rem 2.5rem; gap: 2.5rem; } }\r\n@media(min-width:900px){\r\n .editorial-block{\r\n grid-template-columns: 1fr auto 1fr auto 1fr;\r\n padding: 5rem; gap: 0; align-items: start;\r\n }\r\n}\r\n\r\n.editorial-item-number {\r\n font-family: var(--ff-serif); font-size: 2rem; font-weight: 300;\r\n color: var(--olive-pale); line-height: 1; margin-bottom: 0.7rem;\r\n}\r\n.editorial-item-title {\r\n font-family: var(--ff-serif); font-size: 1.1rem; font-style: italic;\r\n font-weight: 300; color: var(--olive-deep); margin-bottom: 0.6rem;\r\n}\r\n.editorial-item-copy {\r\n font-family: var(--ff-sans); font-size: 0.81rem; font-weight: 300;\r\n line-height: 1.85; color: var(--olive-light);\r\n}\r\n\r\n.editorial-divider { display: none; }\r\n@media(min-width:900px){\r\n .editorial-divider {\r\n display: block; width: 1px; margin: 0 3rem;\r\n background: linear-gradient(to bottom, transparent, var(--cream-dark) 30%, var(--cream-dark) 70%, transparent);\r\n align-self: stretch;\r\n }\r\n}\r\n\r\n\/* \u2500\u2500\u2500 QUOTE & CTA \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.quote-band {\r\n padding: 3.5rem 1.5rem; text-align: center; position: relative; overflow: hidden;\r\n}\r\n@media(min-width:600px){ .quote-band{ padding: 4rem 3rem; } }\r\n@media(min-width:900px){ .quote-band{ padding: 5rem 8rem; } }\r\n\r\n.quote-band::before {\r\n content: '\\201C'; position: absolute; top: -1rem; left: 50%; transform: translateX(-50%);\r\n font-family: var(--ff-serif); font-size: clamp(7rem, 20vw, 12rem);\r\n color: var(--olive-ghost); line-height: 1; pointer-events: none; z-index: 0;\r\n}\r\n\r\n.pull-quote {\r\n position: relative; z-index: 1; font-family: var(--ff-serif); font-style: italic;\r\n font-size: clamp(1.1rem, 3.5vw, 1.9rem); font-weight: 300; line-height: 1.55;\r\n color: var(--olive-deep); max-width: 680px; margin: 0 auto 1.4rem;\r\n}\r\n.quote-attribution {\r\n font-family: var(--ff-sans); font-size: 0.58rem; font-weight: 400;\r\n letter-spacing: 0.28em; color: var(--gold); text-transform: uppercase;\r\n}\r\n\r\n.cta-block {\r\n padding: 4rem 1.5rem 4.5rem; display: flex; flex-direction: column; align-items: center;\r\n gap: 1.8rem; text-align: center; background: var(--olive-deep);\r\n position: relative; overflow: hidden;\r\n}\r\n@media(min-width:600px){ .cta-block{ padding: 5rem 2.5rem; } }\r\n@media(min-width:900px){ .cta-block{ padding: 5.5rem 5rem; } }\r\n\r\n.cta-block::before, .cta-block::after {\r\n content: ''; position: absolute; width: 40px; height: 40px;\r\n border: 1px solid var(--gold); opacity: 0.2; pointer-events: none;\r\n}\r\n.cta-block::before { top: 1.5rem; left: 1.5rem; border-right: none; border-bottom: none; }\r\n.cta-block::after { bottom: 1.5rem; right: 1.5rem; border-left: none; border-top: none; }\r\n@media(min-width:600px){\r\n .cta-block::before { top: 2rem; left: 2rem; width: 50px; height: 50px; }\r\n .cta-block::after { bottom: 2rem; right: 2rem; width: 50px; height: 50px; }\r\n}\r\n\r\n.cta-eyebrow {\r\n font-family: var(--ff-sans); font-size: 0.56rem; font-weight: 400;\r\n letter-spacing: 0.3em; color: var(--gold); text-transform: uppercase;\r\n}\r\n.cta-headline {\r\n font-family: var(--ff-serif); font-size: clamp(1.6rem, 5vw, 2.8rem);\r\n font-weight: 300; line-height: 1.25; color: var(--cream);\r\n}\r\n.cta-headline em { font-style: italic; }\r\n.cta-body {\r\n font-family: var(--ff-sans); font-size: 0.82rem; font-weight: 300;\r\n line-height: 1.85; color: var(--olive-pale); max-width: 440px;\r\n}\r\n\r\n.cta-button {\r\n display: inline-flex; align-items: center; justify-content: center; gap: 1rem;\r\n padding: 1rem 2rem; width: min(100%, 360px);\r\n background: transparent; color: var(--cream);\r\n font-family: var(--ff-sans); font-size: 0.62rem; font-weight: 400;\r\n letter-spacing: 0.26em; text-transform: uppercase; text-decoration: none; border: 1px solid var(--gold);\r\n cursor: pointer; position: relative; overflow: hidden; transition: color 0.5s var(--ease-lux);\r\n}\r\n@media(min-width:480px){ .cta-button{ padding: 1.1rem 3rem; width: auto; } }\r\n.cta-button::before {\r\n content: ''; position: absolute; inset: 0; background: var(--gold);\r\n transform: translateY(101%); transition: transform 0.5s var(--ease-lux);\r\n}\r\n.cta-button:hover::before, .cta-button:active::before { transform: translateY(0); }\r\n.cta-button:hover, .cta-button:active { color: var(--olive-deep); }\r\n.cta-btn-text, .cta-btn-arrow { position: relative; z-index: 1; }\r\n.cta-btn-arrow { transition: transform 0.3s var(--ease-lux); display: flex; align-items: center; }\r\n.cta-button:hover .cta-btn-arrow { transform: translateX(4px); }\r\n\r\n.shimmer-gold {\r\n background: linear-gradient(90deg, var(--gold), #f0dfa8, var(--gold));\r\n background-size: 200% auto; background-clip: text;\r\n -webkit-background-clip: text; -webkit-text-fill-color: transparent;\r\n animation: shimmer 4s linear infinite;\r\n}\r\n\r\n.section-footnote {\r\n background: var(--olive-deep); text-align: center;\r\n padding: 1rem 1.25rem; border-top: 1px solid rgba(255,255,255,0.06);\r\n}\r\n.section-footnote p {\r\n font-family: var(--ff-sans); font-size: 0.5rem; font-weight: 300;\r\n letter-spacing: 0.22em; color: var(--olive-pale); text-transform: uppercase; opacity: 0.4;\r\n}\r\n\r\n\/* \u2500\u2500\u2500 LIGHTBOX \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.lightbox {\r\n position: fixed; inset: 0; z-index: 10000; background: rgba(28,30,24,0.96);\r\n display: flex; align-items: center; justify-content: center; padding: 1rem;\r\n opacity: 0; pointer-events: none; transition: opacity 0.4s var(--ease-lux);\r\n overscroll-behavior: contain;\r\n}\r\n.lightbox.open { opacity: 1; pointer-events: all; }\r\n\r\n.lightbox-inner {\r\n position: relative; width: min(90vw, 420px); transform: scale(0.95);\r\n transition: transform 0.5s var(--ease-lux);\r\n}\r\n.lightbox.open .lightbox-inner { transform: scale(1); }\r\n\r\n.lightbox-image-wrap {\r\n width: 100%; background: var(--beige-dark); border: 1px solid rgba(184,161,112,0.25);\r\n display: flex; align-items: center; justify-content: center;\r\n aspect-ratio: 2 \/ 3; overflow: hidden; border-radius: 2px;\r\n}\r\n\r\n\/* Aplica el fill del 100% tambi\u00e9n a la foto dentro del Lightbox *\/\r\n.lightbox-image-wrap img { \r\n width: 100%; \r\n height: 100%; \r\n object-fit: cover; \r\n object-position: center center;\r\n display: block;\r\n}\r\n\r\n.lightbox-caption { padding: 1rem 0 0; text-align: center; }\r\n.lightbox-caption-title {\r\n font-family: var(--ff-serif); font-size: 1.15rem; font-weight: 300;\r\n color: var(--cream); margin-bottom: 0.2rem;\r\n}\r\n.lightbox-caption-sub {\r\n font-family: var(--ff-sans); font-size: 0.65rem; font-weight: 300;\r\n letter-spacing: 0.13em; color: var(--olive-pale);\r\n}\r\n.lightbox-affection {\r\n font-family: var(--ff-serif); font-style: italic; font-size: 0.8rem;\r\n color: var(--gold); margin-top: 0.3rem;\r\n}\r\n\r\n.lightbox-close, .lightbox-nav {\r\n position: absolute; width: 40px; height: 40px; background: none;\r\n border: 1px solid rgba(184,161,112,0.3); color: var(--cream); cursor: pointer;\r\n display: flex; align-items: center; justify-content: center;\r\n transition: background 0.3s, border-color 0.3s;\r\n -webkit-tap-highlight-color: transparent;\r\n}\r\n.lightbox-close { top: -2.8rem; right: 0; }\r\n.lightbox-close:hover, .lightbox-nav:hover, .lightbox-close:active, .lightbox-nav:active { \r\n background: var(--gold); border-color: var(--gold); color: var(--olive-deep); \r\n}\r\n\r\n.lightbox-nav { top: 40%; background: rgba(30,33,25,0.7); border-radius: 0; }\r\n.lightbox-prev { left: 0; transform: translate(-50%, 0); }\r\n.lightbox-next { right: 0; transform: translate(50%, 0); }\r\n\r\n@media(max-width:480px){\r\n .lightbox-prev { left: 0.3rem; transform: none; top: auto; bottom: 35%; }\r\n .lightbox-next { right: 0.3rem; transform: none; top: auto; bottom: 35%; }\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section class=\"selection-section\" aria-label=\"The Selection Room\">\r\n\r\n\r\n <div class=\"intro-block\">\r\n <div class=\"orange-decor\" aria-hidden=\"true\">\r\n <svg viewBox=\"0 0 100 100\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path d=\"M50 0 C50 25 75 50 100 50 C75 50 50 75 50 100 C50 75 25 50 0 50 C25 50 50 25 50 0 Z\" fill=\"currentColor\"\/>\r\n <\/svg>\r\n <\/div>\r\n\r\n <div class=\"intro-left\">\r\n <div class=\"badge-row\">\r\n <span class=\"badge-line\"><\/span>\r\n <span class=\"badge-text\">Second Experience<\/span>\r\n <\/div>\r\n <span class=\"eyebrow\">The Selection Room<\/span>\r\n <h1 class=\"main-headline\">The<br><em>Selection<\/em><br>Room.<\/h1>\r\n <\/div>\r\n <div class=\"intro-right reveal\">\r\n <div class=\"intro-divider\">\r\n <span class=\"intro-divider-line\"><\/span>\r\n <span class=\"intro-divider-diamond\"><\/span>\r\n <\/div>\r\n <p class=\"subheadline\">Some evenings deserve<br>a little extra attention.<\/p>\r\n <p class=\"intro-copy\">\r\n This is not a solo decision. This room was designed for two \u2014 to explore together, compare freely, and arrive at something that feels exactly right. Nothing is chosen for you here. Everything is simply laid out, beautifully, for the both of you to discover.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"carousel-section reveal reveal-delay-2\">\r\n\r\n <div class=\"carousel-header\">\r\n <div class=\"carousel-counter\">\r\n <strong id=\"currentSlide\">1<\/strong>\r\n <span style=\"color:var(--cream-dark);margin:0 0.35rem;\">\/<\/span>\r\n <span>5<\/span>\r\n <\/div>\r\n <div class=\"carousel-nav\" role=\"group\" aria-label=\"Carousel navigation\">\r\n \r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"carousel-track\" id=\"carouselTrack\" role=\"region\" aria-label=\"Outfit options\">\r\n\r\n <div class=\"outfit-card\" data-index=\"0\" role=\"article\" aria-label=\"Look One \u2014 The Evening Column\" tabindex=\"0\">\r\n <div class=\"card-number-tag\"><span>I<\/span><\/div>\r\n <div class=\"card-caption-tag\"><span>For the most radiant blonde<\/span><\/div>\r\n <div class=\"card-image\">\r\n <div class=\"card-image-inner\">\r\n <img decoding=\"async\" src=\"http:\/\/selinamylove.shop\/wp-content\/uploads\/2026\/06\/03152380251-p.jpg\" alt=\"The Evening Column\" class=\"outfit-photo\" \/>\r\n <\/div>\r\n <div class=\"card-overlay\">\r\n <span class=\"zoom-hint\">\r\n <svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\"><circle cx=\"5\" cy=\"5\" r=\"4\" stroke=\"currentColor\" stroke-width=\"1\"\/><line x1=\"8.5\" y1=\"8.5\" x2=\"11\" y2=\"11\" stroke=\"currentColor\" stroke-width=\"1\"\/><line x1=\"5\" y1=\"3\" x2=\"5\" y2=\"7\" stroke=\"currentColor\" stroke-width=\"1\"\/><line x1=\"3\" y1=\"5\" x2=\"7\" y2=\"5\" stroke=\"currentColor\" stroke-width=\"1\"\/><\/svg>\r\n View look\r\n <\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"card-footer\">\r\n <p class=\"card-label\">Look One<\/p>\r\n \r\n <p class=\"card-affection\">For the most breathtaking blonde in the entire world.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"outfit-card\" data-index=\"1\" role=\"article\" aria-label=\"Look Two \u2014 The Tailored Hour\" tabindex=\"0\">\r\n <div class=\"card-number-tag\"><span>II<\/span><\/div>\r\n <div class=\"card-caption-tag\"><span>To effortlessly command the room<\/span><\/div>\r\n <div class=\"card-image\">\r\n <div class=\"card-image-inner\">\r\n <img decoding=\"async\" src=\"http:\/\/selinamylove.shop\/wp-content\/uploads\/2026\/06\/05039399800-a1.jpg\" alt=\"The Tailored Hour\" class=\"outfit-photo\" \/>\r\n <\/div>\r\n <div class=\"card-overlay\">\r\n <span class=\"zoom-hint\">\r\n <svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\"><circle cx=\"5\" cy=\"5\" r=\"4\" stroke=\"currentColor\" stroke-width=\"1\"\/><line x1=\"8.5\" y1=\"8.5\" x2=\"11\" y2=\"11\" stroke=\"currentColor\" stroke-width=\"1\"\/><line x1=\"5\" y1=\"3\" x2=\"5\" y2=\"7\" stroke=\"currentColor\" stroke-width=\"1\"\/><line x1=\"3\" y1=\"5\" x2=\"7\" y2=\"5\" stroke=\"currentColor\" stroke-width=\"1\"\/><\/svg>\r\n View look\r\n <\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"card-footer\">\r\n <p class=\"card-label\">Look Two<\/p>\r\n \r\n <p class=\"card-affection\">For when you feel like stepping out and looking exactly like a supermodel.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"outfit-card\" data-index=\"2\" role=\"article\" aria-label=\"Look Three \u2014 The Understated One\" tabindex=\"0\">\r\n <div class=\"card-number-tag\"><span>III<\/span><\/div>\r\n <div class=\"card-caption-tag\"><span>To stop them in their tracks<\/span><\/div>\r\n <div class=\"card-image\">\r\n <div class=\"card-image-inner\">\r\n <img decoding=\"async\" src=\"http:\/\/selinamylove.shop\/wp-content\/uploads\/2026\/06\/vestido-2-berska.png\" alt=\"The Understated One\" class=\"outfit-photo\" \/>\r\n <\/div>\r\n <div class=\"card-overlay\">\r\n <span class=\"zoom-hint\">\r\n <svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\"><circle cx=\"5\" cy=\"5\" r=\"4\" stroke=\"currentColor\" stroke-width=\"1\"\/><line x1=\"8.5\" y1=\"8.5\" x2=\"11\" y2=\"11\" stroke=\"currentColor\" stroke-width=\"1\"\/><line x1=\"5\" y1=\"3\" x2=\"5\" y2=\"7\" stroke=\"currentColor\" stroke-width=\"1\"\/><line x1=\"3\" y1=\"5\" x2=\"7\" y2=\"5\" stroke=\"currentColor\" stroke-width=\"1\"\/><\/svg>\r\n View look\r\n <\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"card-footer\">\r\n <p class=\"card-label\">Look Three<\/p>\r\n \r\n <p class=\"card-affection\">The perfect excuse to show off those absolutely amazing legs.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"outfit-card\" data-index=\"3\" role=\"article\" aria-label=\"Look Four \u2014 The Dark Hour\" tabindex=\"0\">\r\n <div class=\"card-number-tag\"><span>IV<\/span><\/div>\r\n <div class=\"card-caption-tag\"><span>For the gaze that stops time<\/span><\/div>\r\n <div class=\"card-image\">\r\n <div class=\"card-image-inner\">\r\n <img decoding=\"async\" src=\"http:\/\/selinamylove.shop\/wp-content\/uploads\/2026\/06\/vestido-berska-nuevo.png\" \/>\r\n <\/div>\r\n <div class=\"card-overlay\">\r\n <span class=\"zoom-hint\">\r\n <svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\"><circle cx=\"5\" cy=\"5\" r=\"4\" stroke=\"currentColor\" stroke-width=\"1\"\/><line x1=\"8.5\" y1=\"8.5\" x2=\"11\" y2=\"11\" stroke=\"currentColor\" stroke-width=\"1\"\/><line x1=\"5\" y1=\"3\" x2=\"5\" y2=\"7\" stroke=\"currentColor\" stroke-width=\"1\"\/><line x1=\"3\" y1=\"5\" x2=\"7\" y2=\"5\" stroke=\"currentColor\" stroke-width=\"1\"\/><\/svg>\r\n View look\r\n <\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"card-footer\">\r\n <p class=\"card-label\">Look Four<\/p>\r\n \r\n <p class=\"card-affection\">For the girl con los ojos m\u00e1s incre\u00edbles del mundo.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"outfit-card\" data-index=\"4\" role=\"article\" aria-label=\"Look Five \u2014 The Silk Hour\" tabindex=\"0\">\r\n <div class=\"card-number-tag\"><span>V<\/span><\/div>\r\n <div class=\"card-caption-tag\"><span>To get lost together tonight<\/span><\/div>\r\n <div class=\"card-image\">\r\n <div class=\"card-image-inner\">\r\n <img decoding=\"async\" src=\"http:\/\/selinamylove.shop\/wp-content\/uploads\/2026\/06\/05584467712-p.jpg\" alt=\"The Silk Hour\" class=\"outfit-photo\" \/>\r\n <\/div>\r\n <div class=\"card-overlay\">\r\n <span class=\"zoom-hint\">\r\n <svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\"><circle cx=\"5\" cy=\"5\" r=\"4\" stroke=\"currentColor\" stroke-width=\"1\"\/><line x1=\"8.5\" y1=\"8.5\" x2=\"11\" y2=\"11\" stroke=\"currentColor\" stroke-width=\"1\"\/><line x1=\"5\" y1=\"3\" x2=\"5\" y2=\"7\" stroke=\"currentColor\" stroke-width=\"1\"\/><line x1=\"3\" y1=\"5\" x2=\"7\" y2=\"5\" stroke=\"currentColor\" stroke-width=\"1\"\/><\/svg>\r\n View look\r\n <\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"card-footer\">\r\n <p class=\"card-label\">Look Five<\/p>\r\n\r\n <p class=\"card-affection\">Dise\u00f1ado perfectamente para caminar de la mano con tu novio toda la noche.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div><div class=\"progress-dots\" role=\"tablist\" aria-label=\"Look indicators\">\r\n <button class=\"dot active\" role=\"tab\" aria-selected=\"true\" aria-label=\"Look 1\" data-dot=\"0\"><\/button>\r\n <button class=\"dot\" role=\"tab\" aria-selected=\"false\" aria-label=\"Look 2\" data-dot=\"1\"><\/button>\r\n <button class=\"dot\" role=\"tab\" aria-selected=\"false\" aria-label=\"Look 3\" data-dot=\"2\"><\/button>\r\n <button class=\"dot\" role=\"tab\" aria-selected=\"false\" aria-label=\"Look 4\" data-dot=\"3\"><\/button>\r\n <button class=\"dot\" role=\"tab\" aria-selected=\"false\" aria-label=\"Look 5\" data-dot=\"4\"><\/button>\r\n <\/div>\r\n\r\n <\/div><div class=\"editorial-block\">\r\n <div class=\"editorial-item reveal\">\r\n <div class=\"editorial-item-number\">01<\/div>\r\n <p class=\"editorial-item-title\">The rule of the room<\/p>\r\n <p class=\"editorial-item-copy\">Nothing here was arranged by accident. Each look was considered for this specific evening Browse slowly. There is no wrong answer, only the one you both arrive at.<\/p>\r\n <\/div>\r\n <div class=\"editorial-divider\" aria-hidden=\"true\"><\/div>\r\n <div class=\"editorial-item reveal reveal-delay-2\">\r\n <div class=\"editorial-item-number\">02<\/div>\r\n <p class=\"editorial-item-title\">On the art of comparison<\/p>\r\n <p class=\"editorial-item-copy\">Tap to zoom. Swipe to compare. Come back to the one that keeps pulling you in \u2014 that is usually the one. The necklace will carry differently against each fabric, each palette. Let that be part of the discovery.<\/p>\r\n <\/div>\r\n <div class=\"editorial-divider\" aria-hidden=\"true\"><\/div>\r\n <div class=\"editorial-item reveal reveal-delay-3\">\r\n <div class=\"editorial-item-number\">03<\/div>\r\n <p class=\"editorial-item-title\">A shared decision<\/p>\r\n <p class=\"editorial-item-copy\">The most interesting part of an evening together is often the preparation. This room exists precisely for that \u2014 a moment before the moment. Take your time. The table will wait.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"quote-band reveal\">\r\n <p class=\"pull-quote\">\"The right look is not the most beautiful one in the room \u2014 it is the one that feels most like you, on an evening that deserves your full attention.\"<\/p>\r\n <span class=\"quote-attribution\">I'm exited to see you in one of those<\/span>\r\n <\/div>\r\n\r\n <div class=\"cta-block\">\r\n <p class=\"cta-eyebrow reveal\">The Evening Awaits<\/p>\r\n <h2 class=\"cta-headline reveal reveal-delay-1\">\r\n You've seen the options.<br>\r\n <em><span class=\"shimmer-gold\">Now choose together.<\/span><\/em>\r\n <\/h2>\r\n <p class=\"cta-body reveal reveal-delay-2\">\r\n Once the look is chosen, the rest of the evening falls into place\r\n <\/p>\r\n <a href=\"#\" class=\"cta-button reveal reveal-delay-3\" role=\"button\">\r\n <span class=\"cta-btn-text\">Choose The Evening Look, tell Alex<\/span>\r\n <span class=\"cta-btn-arrow\">\r\n <svg width=\"18\" height=\"10\" viewBox=\"0 0 18 10\" fill=\"none\" aria-hidden=\"true\">\r\n <line x1=\"0\" y1=\"5\" x2=\"14\" y2=\"5\" stroke=\"currentColor\" stroke-width=\"1.2\"\/>\r\n <polyline points=\"10,1 14,5 10,9\" stroke=\"currentColor\" stroke-width=\"1.2\" fill=\"none\"\/>\r\n <\/svg>\r\n <\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n\r\n<\/section>\r\n\r\n<div class=\"lightbox\" id=\"lightbox\" role=\"dialog\" aria-modal=\"true\" aria-label=\"Look detail\">\r\n <div class=\"lightbox-inner\">\r\n <button class=\"lightbox-close\" id=\"lightboxClose\" aria-label=\"Close\">\r\n <svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\" aria-hidden=\"true\">\r\n <line x1=\"1\" y1=\"1\" x2=\"11\" y2=\"11\" stroke=\"currentColor\" stroke-width=\"1.5\"\/>\r\n <line x1=\"11\" y1=\"1\" x2=\"1\" y2=\"11\" stroke=\"currentColor\" stroke-width=\"1.5\"\/>\r\n <\/svg>\r\n <\/button>\r\n <button class=\"lightbox-nav lightbox-prev\" id=\"lbPrev\" aria-label=\"Previous look\">\r\n <svg width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"none\" aria-hidden=\"true\">\r\n <polyline points=\"7,1 3,5 7,9\" stroke=\"currentColor\" stroke-width=\"1.5\" fill=\"none\"\/>\r\n <\/svg>\r\n <\/button>\r\n <button class=\"lightbox-nav lightbox-next\" id=\"lbNext\" aria-label=\"Next look\">\r\n <svg width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"none\" aria-hidden=\"true\">\r\n <polyline points=\"3,1 7,5 3,9\" stroke=\"currentColor\" stroke-width=\"1.5\" fill=\"none\"\/>\r\n <\/svg>\r\n <\/button>\r\n <div class=\"lightbox-image-wrap\" id=\"lightboxImageWrap\"><\/div>\r\n <div class=\"lightbox-caption\">\r\n <p class=\"lightbox-caption-title\" id=\"lightboxTitle\"><\/p>\r\n <p class=\"lightbox-caption-sub\" id=\"lightboxSub\"><\/p>\r\n <p class=\"lightbox-affection\" id=\"lightboxAffection\"><\/p>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function(){\r\n 'use strict';\r\n\r\n \/* \u2500\u2500 INTERSECTION OBSERVER FOR REVEAL \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n const revealEls = document.querySelectorAll('.reveal');\r\n if('IntersectionObserver' in window){\r\n const io = new IntersectionObserver(entries => {\r\n entries.forEach(e => {\r\n if(e.isIntersecting){ e.target.classList.add('visible'); io.unobserve(e.target); }\r\n });\r\n },{ threshold: 0.1 });\r\n revealEls.forEach(el => io.observe(el));\r\n } else {\r\n revealEls.forEach(el => el.classList.add('visible'));\r\n }\r\n\r\n \/* \u2500\u2500 NATIVE CSS SCROLL SNAP CAROUSEL \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n const track = document.getElementById('carouselTrack');\r\n const cards = Array.from(document.querySelectorAll('.outfit-card'));\r\n const dots = document.querySelectorAll('.dot');\r\n const counterEl = document.getElementById('currentSlide');\r\n const prevBtn = document.getElementById('prevBtn');\r\n const nextBtn = document.getElementById('nextBtn');\r\n let currentIdx = 0;\r\n\r\n \/\/ Update dots and counter when natively scrolling\r\n const scrollObserver = new IntersectionObserver(entries => {\r\n entries.forEach(entry => {\r\n if(entry.isIntersecting) {\r\n currentIdx = parseInt(entry.target.dataset.index, 10);\r\n \r\n \/\/ Update active dot\r\n dots.forEach(d => d.classList.remove('active'));\r\n if(dots[currentIdx]) dots[currentIdx].classList.add('active');\r\n \r\n \/\/ Update counter\r\n counterEl.textContent = currentIdx + 1;\r\n }\r\n });\r\n }, { \r\n root: track, \r\n threshold: 0.6 \/\/ Card must be 60% in view to trigger\r\n });\r\n\r\n cards.forEach(card => scrollObserver.observe(card));\r\n\r\n \/\/ Button & Dot Navigation\r\n function scrollToCard(idx) {\r\n if(idx < 0 || idx >= cards.length) return;\r\n cards[idx].scrollIntoView({ behavior: 'smooth', block: 'nearest', inline: 'center' });\r\n }\r\n\r\n prevBtn.addEventListener('click', () => scrollToCard(currentIdx - 1));\r\n nextBtn.addEventListener('click', () => scrollToCard(currentIdx + 1));\r\n dots.forEach((d, i) => d.addEventListener('click', () => scrollToCard(i)));\r\n\r\n \/* \u2500\u2500 LIGHTBOX \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n const lightbox = document.getElementById('lightbox');\r\n const lbImageWrap = document.getElementById('lightboxImageWrap');\r\n const lbTitle = document.getElementById('lightboxTitle');\r\n const lbSub = document.getElementById('lightboxSub');\r\n const lbAffection = document.getElementById('lightboxAffection');\r\n const lbClose = document.getElementById('lightboxClose');\r\n const lbPrev = document.getElementById('lbPrev');\r\n const lbNext = document.getElementById('lbNext');\r\n let lbCurrent = 0;\r\n let lbTouchStartX = 0;\r\n const total = cards.length;\r\n\r\n function openLightbox(idx){\r\n lbCurrent = idx;\r\n const card = cards[idx];\r\n const imgHTML = card.querySelector('.card-image-inner').innerHTML;\r\n const title = card.querySelector('.card-title').textContent;\r\n const desc = card.querySelector('.card-desc').textContent;\r\n const affect = card.querySelector('.card-affection') ? card.querySelector('.card-affection').textContent : '';\r\n\r\n lbImageWrap.style.background = '#c9bfa8';\r\n lbImageWrap.innerHTML = imgHTML;\r\n\r\n lbTitle.textContent = title;\r\n lbSub.textContent = desc;\r\n lbAffection.textContent = affect;\r\n\r\n lightbox.classList.add('open');\r\n document.body.style.overflow = 'hidden'; \/\/ Stop background scrolling\r\n lbClose.focus();\r\n }\r\n\r\n function closeLightbox(){\r\n lightbox.classList.remove('open');\r\n document.body.style.overflow = '';\r\n }\r\n\r\n cards.forEach((card, i) => {\r\n card.addEventListener('click', () => openLightbox(i));\r\n card.addEventListener('keydown', e => {\r\n if(e.key === 'Enter' || e.key === ' '){ e.preventDefault(); openLightbox(i); }\r\n });\r\n });\r\n\r\n lbClose.addEventListener('click', closeLightbox);\r\n lightbox.addEventListener('click', e => { if(e.target === lightbox) closeLightbox(); });\r\n lbPrev.addEventListener('click', () => openLightbox((lbCurrent - 1 + total) % total));\r\n lbNext.addEventListener('click', () => openLightbox((lbCurrent + 1) % total));\r\n\r\n \/\/ Lightbox swiping\r\n lightbox.addEventListener('touchstart', e => {\r\n lbTouchStartX = e.touches[0].clientX;\r\n }, { passive: true });\r\n lightbox.addEventListener('touchend', e => {\r\n const dx = e.changedTouches[0].clientX - lbTouchStartX;\r\n if(dx < -50) openLightbox((lbCurrent + 1) % total);\r\n if(dx > 50) openLightbox((lbCurrent - 1 + total) % total);\r\n }, { passive: true });\r\n\r\n document.addEventListener('keydown', e => {\r\n if(!lightbox.classList.contains('open')) return;\r\n if(e.key === 'Escape') closeLightbox();\r\n if(e.key === 'ArrowLeft') openLightbox((lbCurrent - 1 + total) % total);\r\n if(e.key === 'ArrowRight') openLightbox((lbCurrent + 1) % total);\r\n });\r\n\r\n})();\r\n<\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-46f1461 e-flex e-con-boxed e-con e-parent\" data-id=\"46f1461\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1fbf950 elementor-widget elementor-widget-html\" data-id=\"1fbf950\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, viewport-fit=cover\">\r\n<title>The Final Chapter<\/title>\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;1,300;1,400&family=Jost:wght@300;400;500&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n \/* \u2500\u2500\u2500 DESIGN TOKENS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n :root {\r\n --bg-cream: #f6f1e9;\r\n --bg-cream-alt: #ede6d5;\r\n --text-olive-dark: #2e3328;\r\n --text-olive-mid: #4a5240;\r\n --accent-olive-light: #7a8568;\r\n --accent-gold: #b8a170;\r\n \r\n --font-serif: 'Cormorant Garamond', serif;\r\n --font-sans: 'Jost', sans-serif;\r\n \r\n --ease-smooth: cubic-bezier(0.25, 1, 0.5, 1);\r\n --glass-bg: rgba(246, 241, 233, 0.85);\r\n --glass-border: rgba(255, 255, 255, 0.4);\r\n }\r\n\r\n \/* \u2500\u2500\u2500 RESET & BASE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n * { box-sizing: border-box; margin: 0; padding: 0; }\r\n \r\n body {\r\n background-color: var(--bg-cream);\r\n color: var(--text-olive-dark);\r\n font-family: var(--font-sans);\r\n -webkit-font-smoothing: antialiased;\r\n overflow-x: hidden;\r\n }\r\n\r\n img { max-width: 100%; display: block; }\r\n\r\n \/* \u2500\u2500\u2500 ANIMATIONS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n .reveal {\r\n opacity: 0;\r\n transform: translateY(30px);\r\n transition: opacity 1s var(--ease-smooth), transform 1s var(--ease-smooth);\r\n }\r\n .reveal.visible {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n .delay-1 { transition-delay: 0.1s; }\r\n .delay-2 { transition-delay: 0.2s; }\r\n .delay-3 { transition-delay: 0.3s; }\r\n\r\n \/* \u2500\u2500\u2500 SECTION LAYOUT \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n .final-chapter {\r\n padding: 5rem 1.25rem;\r\n max-width: 1400px;\r\n margin: 0 auto;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n }\r\n\r\n @media(min-width: 768px) {\r\n .final-chapter { padding: 7rem 2.5rem; }\r\n }\r\n\r\n \/* \u2500\u2500\u2500 HEADER \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n .section-header {\r\n text-align: center;\r\n max-width: 600px;\r\n margin-bottom: 4rem;\r\n }\r\n\r\n .badge {\r\n display: inline-block;\r\n font-size: 0.65rem;\r\n font-weight: 500;\r\n letter-spacing: 0.25em;\r\n text-transform: uppercase;\r\n color: var(--accent-gold);\r\n margin-bottom: 1.5rem;\r\n position: relative;\r\n }\r\n .badge::before, .badge::after {\r\n content: '';\r\n position: absolute;\r\n top: 50%;\r\n width: 24px;\r\n height: 1px;\r\n background-color: var(--accent-gold);\r\n }\r\n .badge::before { left: -36px; }\r\n .badge::after { right: -36px; }\r\n\r\n .headline {\r\n font-family: var(--font-serif);\r\n font-size: clamp(2.5rem, 5vw, 4rem);\r\n font-weight: 300;\r\n line-height: 1.1;\r\n color: var(--text-olive-dark);\r\n margin-bottom: 1.25rem;\r\n }\r\n .headline i {\r\n font-style: italic;\r\n color: var(--accent-olive-light);\r\n }\r\n\r\n .subheadline {\r\n font-size: 0.95rem;\r\n font-weight: 300;\r\n line-height: 1.6;\r\n color: var(--text-olive-mid);\r\n }\r\n\r\n \/* \u2500\u2500\u2500 CAROUSEL \/ GRID \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n .experience-grid {\r\n display: flex;\r\n gap: 1.5rem;\r\n width: 100vw;\r\n padding: 0 1.25rem 2rem;\r\n margin-left: -1.25rem; \/* Break out of container for full bleed on mobile *\/\r\n overflow-x: auto;\r\n scroll-snap-type: x mandatory;\r\n scrollbar-width: none; \/* Firefox *\/\r\n -ms-overflow-style: none; \/* IE and Edge *\/\r\n }\r\n .experience-grid::-webkit-scrollbar { display: none; } \/* Chrome, Safari *\/\r\n\r\n @media(min-width: 1024px) {\r\n .experience-grid {\r\n width: 100%;\r\n margin-left: 0;\r\n padding: 0 0 2rem;\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 2rem;\r\n overflow-x: visible;\r\n }\r\n }\r\n\r\n \/* \u2500\u2500\u2500 EXPERIENCE CARD \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n .card {\r\n flex: 0 0 calc(85vw - 1rem); \/* 85% width on mobile *\/\r\n scroll-snap-align: center;\r\n position: relative;\r\n border-radius: 4px;\r\n overflow: hidden;\r\n aspect-ratio: 3 \/ 4;\r\n cursor: pointer;\r\n background-color: var(--bg-cream-alt);\r\n isolation: isolate;\r\n }\r\n @media(min-width: 1024px) {\r\n .card { aspect-ratio: 4 \/ 5; }\r\n }\r\n\r\n .card-image-wrap {\r\n position: absolute;\r\n inset: 0;\r\n overflow: hidden;\r\n z-index: 1;\r\n }\r\n .card-image {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n object-position: center;\r\n transition: transform 1.2s var(--ease-smooth);\r\n }\r\n \r\n \/* Hover Effects *\/\r\n .card:hover .card-image {\r\n transform: scale(1.05);\r\n }\r\n\r\n \/* Glassmorphism Content Box *\/\r\n .card-content {\r\n position: absolute;\r\n bottom: 1.5rem;\r\n left: 1.5rem;\r\n right: 1.5rem;\r\n background: var(--glass-bg);\r\n backdrop-filter: blur(12px);\r\n -webkit-backdrop-filter: blur(12px);\r\n border: 1px solid var(--glass-border);\r\n padding: 1.75rem 1.5rem;\r\n border-radius: 2px;\r\n z-index: 2;\r\n transition: transform 0.6s var(--ease-smooth), background 0.6s;\r\n }\r\n\r\n .card:hover .card-content {\r\n background: rgba(246, 241, 233, 0.95);\r\n transform: translateY(-5px);\r\n }\r\n\r\n .card-eyebrow {\r\n font-size: 0.55rem;\r\n font-weight: 500;\r\n letter-spacing: 0.2em;\r\n text-transform: uppercase;\r\n color: var(--accent-olive-light);\r\n margin-bottom: 0.5rem;\r\n display: block;\r\n }\r\n\r\n .card-title {\r\n font-family: var(--font-serif);\r\n font-size: 1.5rem;\r\n font-weight: 400;\r\n color: var(--text-olive-dark);\r\n margin-bottom: 1rem;\r\n line-height: 1.2;\r\n }\r\n\r\n .card-desc {\r\n font-size: 0.8rem;\r\n font-weight: 300;\r\n line-height: 1.6;\r\n color: var(--text-olive-mid);\r\n margin-bottom: 1.5rem;\r\n }\r\n\r\n \/* Tags *\/\r\n .tags-wrapper {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 0.4rem;\r\n }\r\n .tag {\r\n font-size: 0.6rem;\r\n letter-spacing: 0.05em;\r\n padding: 0.35rem 0.75rem;\r\n border: 1px solid rgba(74, 82, 64, 0.15);\r\n border-radius: 50px;\r\n color: var(--text-olive-mid);\r\n background: transparent;\r\n }\r\n\r\n \/* \u2500\u2500\u2500 CTA BUTTON \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n .cta-wrapper {\r\n margin-top: 4rem;\r\n text-align: center;\r\n }\r\n\r\n .btn-primary {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 1.2rem 3rem;\r\n background-color: var(--text-olive-dark);\r\n color: var(--bg-cream);\r\n font-size: 0.75rem;\r\n font-weight: 400;\r\n letter-spacing: 0.2em;\r\n text-transform: uppercase;\r\n text-decoration: none;\r\n border: 1px solid var(--text-olive-dark);\r\n transition: all 0.4s var(--ease-smooth);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .btn-primary::before {\r\n content: '';\r\n position: absolute;\r\n top: 0; left: 0; width: 100%; height: 100%;\r\n background-color: var(--bg-cream);\r\n transform: scaleY(0);\r\n transform-origin: bottom;\r\n transition: transform 0.4s var(--ease-smooth);\r\n z-index: 1;\r\n }\r\n\r\n .btn-primary:hover::before {\r\n transform: scaleY(1);\r\n }\r\n\r\n .btn-text {\r\n position: relative;\r\n z-index: 2;\r\n transition: color 0.4s;\r\n }\r\n\r\n .btn-primary:hover .btn-text {\r\n color: var(--text-olive-dark);\r\n }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section class=\"final-chapter\">\r\n \r\n <header class=\"section-header reveal\">\r\n <span class=\"badge\">Final Experience<\/span>\r\n <h2 class=\"headline\">Choose The <i>Final Chapter<\/i><\/h2>\r\n <p class=\"subheadline\">Every great story deserves an unforgettable ending. The destination is still waiting to be discovered.<\/p>\r\n <\/header>\r\n\r\n <div class=\"experience-grid\">\r\n \r\n <article class=\"card reveal delay-1\">\r\n <div class=\"card-image-wrap\">\r\n <img decoding=\"async\" src=\"http:\/\/selinamylove.shop\/wp-content\/uploads\/2026\/06\/IMG_0254.jpg\" alt=\"Couple cooking together in a kitchen\" class=\"card-image\">\r\n <\/div>\r\n <div class=\"card-content\">\r\n <span class=\"card-eyebrow\">Experience One<\/span>\r\n <h3 class=\"card-title\">The Home Edition<\/h3>\r\n <p class=\"card-desc\">An evening that begins in the kitchen. Prepare something together. Open a bottle. Share good food. Get ready for the night. Then head out to a carefully selected bar and let the evening continue naturally.<\/p>\r\n <div class=\"tags-wrapper\">\r\n <span class=\"tag\">Cozy<\/span>\r\n <span class=\"tag\">Intimate<\/span>\r\n <span class=\"tag\">Relaxed<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n <article class=\"card reveal delay-2\">\r\n <div class=\"card-image-wrap\">\r\n <img decoding=\"async\" src=\"http:\/\/selinamylove.shop\/wp-content\/uploads\/2026\/06\/IMG_0451.jpg\" alt=\"Luxury picnic spread outdoors\" class=\"card-image\">\r\n <\/div>\r\n <div class=\"card-content\">\r\n <span class=\"card-eyebrow\">Experience Two<\/span>\r\n <h3 class=\"card-title\">The Picnic Collection<\/h3>\r\n <p class=\"card-desc\">Fresh bread. Good cheese. A selection of charcuterie. A blanket under the sky. An afternoon designed for conversation, laughter, and enjoying the simple, quiet things together.<\/p>\r\n <div class=\"tags-wrapper\">\r\n <span class=\"tag\">Slow Living<\/span>\r\n <span class=\"tag\">Nature<\/span>\r\n <span class=\"tag\">Golden Hour<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n <article class=\"card reveal delay-3\">\r\n <div class=\"card-image-wrap\">\r\n <img decoding=\"async\" src=\"http:\/\/selinamylove.shop\/wp-content\/uploads\/2026\/06\/IMG_0259.jpg\" alt=\"Elegant restaurant table setting\" class=\"card-image\">\r\n <\/div>\r\n <div class=\"card-content\">\r\n <span class=\"card-eyebrow\">Experience Three<\/span>\r\n <h3 class=\"card-title\">The Reservation<\/h3>\r\n <p class=\"card-desc\">Dress up. Choose a table. Order something memorable. Sometimes the best experiences are timeless for a reason. A refined evening where every detail has been anticipated.<\/p>\r\n <div class=\"tags-wrapper\">\r\n <span class=\"tag\">Elegant<\/span>\r\n <span class=\"tag\">Refined<\/span>\r\n <span class=\"tag\">Evening<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n <\/div>\r\n\r\n <div class=\"cta-wrapper reveal delay-3\">\r\n <a href=\"#\" class=\"btn-primary\">\r\n <span class=\"btn-text\">Choose Our Adventure<\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n<\/section>\r\n\r\n<script>\r\n \/\/ Simple Intersection Observer to trigger reveal animations\r\n document.addEventListener(\"DOMContentLoaded\", () => {\r\n const revealElements = document.querySelectorAll('.reveal');\r\n \r\n const observer = new IntersectionObserver((entries) => {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) {\r\n entry.target.classList.add('visible');\r\n observer.unobserve(entry.target); \/\/ Trigger only once\r\n }\r\n });\r\n }, {\r\n root: null,\r\n threshold: 0.15,\r\n rootMargin: \"0px 0px -50px 0px\"\r\n });\r\n\r\n revealElements.forEach(el => observer.observe(el));\r\n });\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>The Arrival Collection \u2014 Experience One Selina Special Necklace N\u00ba 01 \u2014 2026 Just for a sexy girl First Experience […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-143","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/selinamylove.shop\/index.php?rest_route=\/wp\/v2\/pages\/143","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/selinamylove.shop\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/selinamylove.shop\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/selinamylove.shop\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/selinamylove.shop\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=143"}],"version-history":[{"count":45,"href":"https:\/\/selinamylove.shop\/index.php?rest_route=\/wp\/v2\/pages\/143\/revisions"}],"predecessor-version":[{"id":271,"href":"https:\/\/selinamylove.shop\/index.php?rest_route=\/wp\/v2\/pages\/143\/revisions\/271"}],"wp:attachment":[{"href":"https:\/\/selinamylove.shop\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=143"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}