{"id":102,"date":"2026-06-02T03:43:58","date_gmt":"2026-06-02T03:43:58","guid":{"rendered":"https:\/\/selinamylove.shop\/?page_id=102"},"modified":"2026-06-09T04:33:21","modified_gmt":"2026-06-09T04:33:21","slug":"about-2","status":"publish","type":"page","link":"https:\/\/selinamylove.shop\/?page_id=102","title":{"rendered":"About"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"102\" class=\"elementor elementor-102\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3ac9fab e-flex e-con-boxed e-con e-parent\" data-id=\"3ac9fab\" 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-6608020 elementor-widget elementor-widget-html\" data-id=\"6608020\" 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, maximum-scale=1.0\">\r\n<title>About Us \u2014 How We Met<\/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=DM+Sans:ital,wght@0,300;0,400;0,500;1,300;1,400&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n:root {  --olive: #5c6b3a;  --dark-green: #2c3820;  --forest: #3a4d28;  --cream: #f5f0e8;  --warm-white: #faf8f3;  --beige: #ede8dc;  --muted-beige: #ddd8cc;  --gold: #b8975a;  --gold-light: #d4b07a;  --gray-soft: #8a8680;  --gray-muted: #c2bfb8;  --text-dark: #2a2620;  --text-mid: #4a4640;  --text-soft: #6a6560;}\r\n* { box-sizing: border-box; margin: 0; padding: 0; }\r\nhtml { scroll-behavior: smooth; }\r\nbody {  font-family: 'DM Sans', sans-serif;  background: var(--warm-white);  color: var(--text-dark);  overflow-x: hidden;  -webkit-font-smoothing: antialiased;}\r\n.page-noise {  position: fixed; inset: 0; pointer-events: none; z-index: 0;  background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.03'\/%3E%3C\/svg%3E\");  opacity: 0.4;}\r\n\r\n\/* HERO SECTION *\/\r\n.hero {  min-height: 100svh;  display: flex; flex-direction: column; justify-content: flex-end;  padding: 6rem 1.5rem 3.5rem;  position: relative;  background: linear-gradient(175deg, var(--beige) 0%, var(--warm-white) 60%, #e8f0dc 100%);  overflow: hidden;}\r\n.hero-bg-text {  position: absolute; top: 8%; left: -2%;  font-family: 'Cormorant Garamond', serif;  font-size: clamp(5rem, 28vw, 10rem);  font-weight: 300;  color: rgba(92,107,58,0.06);  line-height: 1;  pointer-events: none;  white-space: nowrap;  user-select: none;}\r\n.hero-eyebrow {  font-size: 0.68rem;  letter-spacing: 0.2em;  text-transform: uppercase;  color: var(--gold);  margin-bottom: 1.2rem;  opacity: 0;  animation: fadeUp 0.8s ease 0.2s forwards;}\r\n.hero-title {  font-family: 'Cormorant Garamond', serif;  font-size: clamp(2.8rem, 12vw, 5rem);  font-weight: 400;  line-height: 1.05;  color: var(--dark-green);  margin-bottom: 0.5rem;  opacity: 0;  animation: fadeUp 0.9s ease 0.35s forwards;}\r\n.hero-title em {  font-style: italic;  color: var(--olive);}\r\n.hero-subtitle {  font-size: 0.9rem;  color: var(--text-soft);  line-height: 1.6;  max-width: 320px;  margin-bottom: 2.5rem;  opacity: 0;  animation: fadeUp 0.9s ease 0.5s forwards;}\r\n.hero-divider {  display: flex; align-items: center; gap: 0.8rem;  margin-bottom: 1.8rem;  opacity: 0;  animation: fadeUp 0.9s ease 0.65s forwards;}\r\n.hero-divider-line {  height: 0.5px; flex: 1;  background: linear-gradient(to right, var(--gold), transparent);}\r\n.hero-divider-dot {  width: 4px; height: 4px;  border-radius: 50%;  background: var(--gold);}\r\n.hero-byline {  font-size: 0.78rem;  color: var(--text-soft);  opacity: 0;  animation: fadeUp 0.9s ease 0.75s forwards;}\r\n.hero-byline strong {  color: var(--text-mid);  font-weight: 500;}\r\n.scroll-hint {  position: absolute; bottom: 2rem; left: 50%;  transform: translateX(-50%);  display: flex; flex-direction: column; align-items: center; gap: 0.4rem;  opacity: 0;  animation: fadeIn 1s ease 1.2s forwards;}\r\n.scroll-hint-text {  font-size: 0.6rem;  letter-spacing: 0.18em;  text-transform: uppercase;  color: var(--gray-muted);}\r\n.scroll-line {  width: 0.5px;  height: 40px;  background: linear-gradient(to bottom, var(--gold), transparent);  animation: scrollPulse 2s ease-in-out 1.5s infinite;}\r\n\r\n\/* STORY SECTION *\/\r\n.story-section {  padding: 0 1.5rem;  position: relative;  z-index: 1;}\r\n.chapter {  padding: 4rem 0;  border-bottom: 0.5px solid rgba(184,151,90,0.12);  opacity: 0;  transform: translateY(24px);  transition: opacity 0.7s ease, transform 0.7s ease;}\r\n.chapter.visible {  opacity: 1;  transform: translateY(0);}\r\n.chapter-marker {  font-size: 0.62rem;  letter-spacing: 0.22em;  text-transform: uppercase;  color: var(--gold);  margin-bottom: 1.5rem;  display: flex; align-items: center; gap: 0.7rem;}\r\n.chapter-marker::after {  content: '';  flex: 1; height: 0.5px;  background: linear-gradient(to right, rgba(184,151,90,0.4), transparent);}\r\n.chapter-number {  font-family: 'Cormorant Garamond', serif;  font-size: 0.7rem;  font-weight: 300;  color: var(--gray-muted);}\r\n.chapter-lead {  font-family: 'Cormorant Garamond', serif;  font-size: clamp(1.6rem, 6vw, 2.2rem);  font-weight: 400;  line-height: 1.25;  color: var(--dark-green);  margin-bottom: 1.8rem;}\r\n.chapter-lead em { font-style: italic; color: var(--olive); }\r\n.chapter-body {  font-size: 1rem;  line-height: 1.85;  color: var(--text-mid);  font-weight: 300;}\r\n.chapter-body p {  margin-bottom: 1.4rem;}\r\n.chapter-body p:last-child { margin-bottom: 0; }\r\n.pull-quote {  margin: 2.5rem -0.5rem;  padding: 1.8rem 1.5rem;  background: linear-gradient(135deg, rgba(92,107,58,0.06) 0%, rgba(184,151,90,0.06) 100%);  border-left: 2px solid var(--gold);  border-radius: 0 8px 8px 0;}\r\n.pull-quote p {  font-family: 'Cormorant Garamond', serif;  font-size: 1.25rem;  font-style: italic;  line-height: 1.5;  color: var(--dark-green);  font-weight: 400;  margin: 0;}\r\n.pull-quote .pull-attr {  font-family: 'DM Sans', sans-serif;  font-size: 0.72rem;  letter-spacing: 0.15em;  text-transform: uppercase;  color: var(--gold);  font-style: normal;  margin-top: 0.8rem;  display: block;}\r\n.funny-box {  margin: 2.5rem 0;  padding: 1.5rem;  background: var(--beige);  border-radius: 12px;  border: 0.5px solid var(--muted-beige);  position: relative;  overflow: hidden;}\r\n.funny-box::before {  content: '\"';  position: absolute; top: -0.5rem; left: 0.8rem;  font-family: 'Cormorant Garamond', serif;  font-size: 5rem;  color: rgba(184,151,90,0.15);  line-height: 1;  pointer-events: none;}\r\n.funny-box p {  font-size: 0.95rem;  line-height: 1.7;  color: var(--text-mid);  font-weight: 300;  position: relative; z-index: 1;  margin-bottom: 0.6rem;}\r\n.funny-box p:last-child { margin-bottom: 0; }\r\n.funny-box .funny-label {  font-size: 0.62rem;  letter-spacing: 0.2em;  text-transform: uppercase;  color: var(--gold);  margin-bottom: 0.8rem;  display: block;  position: relative; z-index: 1;}\r\n.mirror-moment {  text-align: center;  padding: 3rem 1rem;  margin: 2.5rem -1.5rem;  background: linear-gradient(180deg, transparent, rgba(92,107,58,0.04) 30%, rgba(92,107,58,0.04) 70%, transparent);}\r\n.mirror-moment .mirror-line {  font-family: 'Cormorant Garamond', serif;  font-size: 1.1rem;  font-style: italic;  color: var(--text-soft);  line-height: 1.6;  margin-bottom: 0.5rem;}\r\n.mirror-moment .mirror-punchline {  font-size: 0.8rem;  color: var(--gray-soft);  margin-top: 0.8rem;}\r\n.stats-row {  display: grid; grid-template-columns: 1fr 1fr;  gap: 0.8rem;  margin: 2.5rem 0;}\r\n.stat-card {  padding: 1.2rem;  background: var(--cream);  border-radius: 10px;  border: 0.5px solid var(--muted-beige);  text-align: center;}\r\n.stat-card .stat-number {  font-family: 'Cormorant Garamond', serif;  font-size: 2rem;  font-weight: 500;  color: var(--dark-green);  line-height: 1;  margin-bottom: 0.4rem;  display: block;}\r\n.stat-card .stat-label {  font-size: 0.68rem;  letter-spacing: 0.12em;  text-transform: uppercase;  color: var(--gray-soft);}\r\n\r\n\/* CLIMAX SECTION *\/\r\n.climax-section {  margin: 2rem -1.5rem;  padding: 4rem 1.5rem;  background: linear-gradient(165deg, var(--dark-green) 0%, var(--forest) 100%);  position: relative;  overflow: hidden;}\r\n.climax-section::before {  content: '';  position: absolute; inset: 0;  background: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'\/%3E%3C\/svg%3E\");  pointer-events: none;}\r\n.climax-title {  font-family: 'Cormorant Garamond', serif;  font-size: clamp(2rem, 9vw, 3.2rem);  font-weight: 400;  line-height: 1.15;  color: #f0ebe0;  margin-bottom: 1.8rem;  position: relative; z-index: 1;}\r\n.climax-title em { font-style: italic; color: var(--gold-light); }\r\n.climax-body {  font-size: 0.95rem;  line-height: 1.9;  color: rgba(240,235,224,0.75);  font-weight: 300;  position: relative; z-index: 1;}\r\n.climax-body p { margin-bottom: 1.2rem; }\r\n.climax-body .gold-text {  color: var(--gold-light);  font-weight: 400;}\r\n\r\n\/* NEW CAROUSEL SECTION *\/\r\n.carousel-section { padding: 4rem 1.5rem 0; text-align: center; }\r\n.carousel-wrapper {\r\n  position: relative;\r\n  max-width: 600px;\r\n  margin: 0 auto;\r\n  border-radius: 12px;\r\n  overflow: hidden;\r\n  box-shadow: 0 10px 30px rgba(44, 56, 32, 0.1);\r\n}\r\n.carousel-track {\r\n  display: flex;\r\n  transition: transform 0.4s ease-in-out;\r\n}\r\n.carousel-slide {\r\n  min-width: 100%;\r\n  height: 400px;\r\n  object-fit: cover;\r\n  background-color: var(--muted-beige); \/* Placeholder color if image takes time to load *\/\r\n}\r\n.carousel-btn {\r\n  position: absolute;\r\n  top: 50%;\r\n  transform: translateY(-50%);\r\n  background: rgba(250, 248, 243, 0.85);\r\n  backdrop-filter: blur(4px);\r\n  border: 0.5px solid var(--muted-beige);\r\n  color: var(--dark-green);\r\n  width: 40px;\r\n  height: 40px;\r\n  border-radius: 50%;\r\n  cursor: pointer;\r\n  font-size: 1.2rem;\r\n  z-index: 10;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  transition: background 0.3s ease;\r\n}\r\n.carousel-btn:hover { background: var(--cream); }\r\n.carousel-btn.prev { left: 10px; }\r\n.carousel-btn.next { right: 10px; }\r\n\r\n\/* NEW CONTACT SECTION *\/\r\n.contact-section {\r\n  text-align: center;\r\n  padding: 3rem 1.5rem 1rem;\r\n}\r\n.contact-label {\r\n  font-size: 0.65rem;\r\n  letter-spacing: 0.2em;\r\n  text-transform: uppercase;\r\n  color: var(--gold);\r\n  margin-bottom: 0.8rem;\r\n  display: block;\r\n}\r\n.contact-phone {\r\n  font-family: 'Cormorant Garamond', serif;\r\n  font-size: clamp(2.2rem, 8vw, 3.5rem);\r\n  color: var(--dark-green);\r\n  text-decoration: none;\r\n  font-weight: 500;\r\n  transition: color 0.3s ease;\r\n}\r\n.contact-phone:hover { color: var(--olive); }\r\n\r\n\/* EPILOGUE & FOOTER *\/\r\n.epilogue {  padding: 4rem 1.5rem 6rem;  text-align: center;  position: relative;}\r\n.epilogue-deco {  width: 60px; height: 0.5px;  background: linear-gradient(to right, transparent, var(--gold), transparent);  margin: 0 auto 2.5rem;}\r\n.epilogue-title {  font-family: 'Cormorant Garamond', serif;  font-size: clamp(1.6rem, 7vw, 2.4rem);  font-weight: 400;  color: var(--dark-green);  line-height: 1.3;  margin-bottom: 1.5rem;}\r\n.epilogue-body {  font-size: 0.95rem;  color: var(--text-soft);  line-height: 1.8;  font-weight: 300;  max-width: 320px;  margin: 0 auto 2.5rem;}\r\n.epilogue-signature {  font-family: 'Cormorant Garamond', serif;  font-size: 1.8rem;  font-style: italic;  color: var(--olive);  margin-bottom: 0.5rem;}\r\n.epilogue-role {  font-size: 0.68rem;  letter-spacing: 0.18em;  text-transform: uppercase;  color: var(--gray-soft);}\r\n.footer-section {  padding: 2rem 1.5rem 3rem;  border-top: 0.5px solid rgba(184,151,90,0.2);  display: flex; flex-direction: column; align-items: center; gap: 0.8rem;}\r\n.footer-logo {  font-family: 'Cormorant Garamond', serif;  font-size: 1.1rem;  color: var(--dark-green);  font-weight: 500;}\r\n.footer-note {  font-size: 0.72rem;  color: var(--gray-muted);  text-align: center;  line-height: 1.5;}\r\n.footer-hearts {  display: flex; gap: 0.5rem;}\r\n.footer-heart {  width: 5px; height: 5px;  border-radius: 50%;  background: var(--gold);  opacity: 0.6;}\r\n.section-break {  display: flex; align-items: center;  gap: 1rem; padding: 2rem 1.5rem 0;  opacity: 0.6;}\r\n.section-break-line {  flex: 1; height: 0.5px;  background: linear-gradient(to right, transparent, var(--muted-beige), transparent);}\r\n.section-break-glyph {  font-family: 'Cormorant Garamond', serif;  font-size: 1rem;  color: var(--muted-beige);}\r\n\r\n\/* ANIMATIONS *\/\r\n@keyframes fadeUp {  from { opacity: 0; transform: translateY(20px); }  to { opacity: 1; transform: translateY(0); }}\r\n@keyframes fadeIn {  from { opacity: 0; }  to { opacity: 1; }}\r\n@keyframes scrollPulse {  0%, 100% { opacity: 0.3; transform: scaleY(1); }  50% { opacity: 0.9; transform: scaleY(1.15); }}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n<div class=\"page-noise\"><\/div>\r\n\r\n<section class=\"hero\">\r\n  <div class=\"hero-bg-text\" aria-hidden=\"true\">Us<\/div>\r\n  <div class=\"hero-eyebrow\">Founded somewhere between a lost campus and a bottle of tequila<\/div>\r\n  <h1 class=\"hero-title\">How<br><em>We Met<\/em><\/h1>\r\n  <p class=\"hero-subtitle\">A strictly professional account of events, written by someone who was not emotionally affected at all.<\/p>\r\n  <div class=\"hero-divider\">\r\n    <div class=\"hero-divider-line\"><\/div>\r\n    <div class=\"hero-divider-dot\"><\/div>\r\n    <div class=\"hero-divider-line\" style=\"background: linear-gradient(to left, var(--gold), transparent);\"><\/div>\r\n  <\/div>\r\n  <div class=\"hero-byline\">Written by <strong>Alex<\/strong> \u2014 Founder, CEO, Lead Developer,<br>Emotional Support Department &amp; Apparently Boyfriend<\/div>\r\n  <div class=\"scroll-hint\" aria-hidden=\"true\">\r\n    <span class=\"scroll-hint-text\">Scroll<\/span>\r\n    <div class=\"scroll-line\"><\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<main class=\"story-section\">\r\n  <div class=\"chapter\" data-chapter=\"1\">\r\n    <div class=\"chapter-marker\">\r\n      <span class=\"chapter-number\">01<\/span>\r\n      Origin Story\r\n    <\/div>\r\n    <h2 class=\"chapter-lead\">Hi friends. We're Alex and Selina.<br><em>This is our story.<\/em><\/h2>\r\n    <div class=\"chapter-body\">\r\n      <p>Since I'm the developer of this very serious and extremely professional website, I figured I should be the one telling it.<\/p>\r\n      <p>So, one day back in university, I received what was probably the most important message of my entire life.<\/p>\r\n    <\/div>\r\n    <div class=\"pull-quote\">\r\n      <p>The international Buddy Program assigned me to guide a blonde German girl who had just arrived in Mexico and clearly needed a hero to save her.<\/p>\r\n      <span class=\"pull-attr\">Naturally, that hero was me.<\/span>\r\n    <\/div>\r\n    <div class=\"chapter-body\">\r\n      <p>The moment I saw her first picture, I was done for. Completely finished. Instantly in love. Honestly, it was probably the best thing that has ever happened to me.<\/p>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"section-break\"><div class=\"section-break-line\"><\/div><span class=\"section-break-glyph\">\u2726<\/span><div class=\"section-break-line\"><\/div><\/div>\r\n\r\n  <div class=\"chapter\" data-chapter=\"2\">\r\n    <div class=\"chapter-marker\">\r\n      <span class=\"chapter-number\">02<\/span>\r\n      First Contact\r\n    <\/div>\r\n    <h2 class=\"chapter-lead\"><em>The cafeteria.<\/em><br>The message. The mission.<\/h2>\r\n    <div class=\"chapter-body\">\r\n      <p>I still remember the first day I saw her in person. I was sitting in the cafeteria with my friends when suddenly I received a message from what looked like an actual supermodel saying she was lost and needed help.<\/p>\r\n      <p>Obviously, I took this mission very seriously.<\/p>\r\n    <\/div>\r\n    <div class=\"funny-box\">\r\n      <span class=\"funny-label\">Field Report \u2014 Campus<\/span>\r\n      <p>I walked to the main entrance and started searching around for someone who looked\u2026 well\u2026 Mexican enough to be in the wrong place.<\/p>\r\n      <p>And then, in the distance, near another campus, I saw the most beautiful girl I had ever seen in my entire life.<\/p>\r\n    <\/div>\r\n    <div class=\"chapter-body\">\r\n      <p>Turns out she had gone to the wrong university center. She was apparently trying to study with the social sciences crowd, but luckily I arrived in time to rescue her.<\/p>\r\n    <\/div>\r\n    <div class=\"pull-quote\">\r\n      <p>I hugged her with my incredibly muscular arms, of course.<\/p>\r\n      <span class=\"pull-attr\">This is a factual statement.<\/span>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"section-break\"><div class=\"section-break-line\"><\/div><span class=\"section-break-glyph\">\u2726<\/span><div class=\"section-break-line\"><\/div><\/div>\r\n\r\n  <div class=\"chapter\" data-chapter=\"3\">\r\n    <div class=\"chapter-marker\">\r\n      <span class=\"chapter-number\">03<\/span>\r\n      The Confession\r\n    <\/div>\r\n    <h2 class=\"chapter-lead\">The first time<br><em>I was actually nervous.<\/em><\/h2>\r\n    <div class=\"chapter-body\">\r\n      <p>Before meeting her, I didn't even know what being nervous felt like. That was probably the first time in my life I had ever been genuinely nervous.<\/p>\r\n      <p>I can admit it now: from that exact moment, I fell hopelessly in love with her.<\/p>\r\n    <\/div>\r\n    <div class=\"stats-row\">\r\n      <div class=\"stat-card\">\r\n        <span class=\"stat-number\">0<\/span>\r\n        <span class=\"stat-label\">Times nervous before her<\/span>\r\n      <\/div>\r\n      <div class=\"stat-card\">\r\n        <span class=\"stat-number\">\u221e<\/span>\r\n        <span class=\"stat-label\">Times nervous after<\/span>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"chapter-body\">\r\n      <p>Thanks to my incredible sense of humor, my elite-level jokes, waiting for her after class even when I had absolutely nothing else to do, and bringing her Mexican food so she could experience real culture\u2026<\/p>\r\n    <\/div>\r\n    <div class=\"pull-quote\">\r\n      <p>She eventually fell in love with me too.<\/p>\r\n      <span class=\"pull-attr\">I mean, what can I say. Who wouldn't?<\/span>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"section-break\"><div class=\"section-break-line\"><\/div><span class=\"section-break-glyph\">\u2726<\/span><div class=\"section-break-line\"><\/div><\/div>\r\n\r\n  <div class=\"chapter\" data-chapter=\"4\">\r\n    <div class=\"chapter-marker\">\r\n      <span class=\"chapter-number\">04<\/span>\r\n      The Friend Zone Scare\r\n    <\/div>\r\n    <h2 class=\"chapter-lead\">Despite my <em>obviously<\/em> irresistible charm\u2026<\/h2>\r\n    <div class=\"chapter-body\">\r\n      <p>Selina resisted my greatness for a few weeks. At some point I genuinely thought I had been sentenced to the friend zone forever.<\/p>\r\n      <p>Which was confusing, because she had already given me some very obvious signs.<\/p>\r\n    <\/div>\r\n    <div class=\"funny-box\">\r\n      <span class=\"funny-label\">Exhibit A \u2014 The Sushi Incident<\/span>\r\n      <p>At a Mexican party one night, around 2:00 AM, she suggested we go to my car because she had \"forgotten sushi\" in the trunk.<\/p>\r\n      <p>Looking back on this moment with the wisdom of an older and slightly less stupid man\u2026 yes, she absolutely wanted me to kiss her. And yes, I absolutely wanted to kiss her too.<\/p>\r\n      <p><em>But unfortunately, I was not intelligent enough to understand that I was supposed to make the first move.<\/em><\/p>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"section-break\"><div class=\"section-break-line\"><\/div><span class=\"section-break-glyph\">\u2726<\/span><div class=\"section-break-line\"><\/div><\/div>\r\n\r\n  <div class=\"chapter\" data-chapter=\"5\">\r\n    <div class=\"chapter-marker\">\r\n      <span class=\"chapter-number\">05<\/span>\r\n      The Room\r\n    <\/div>\r\n    <h2 class=\"chapter-lead\">She invited me<br>into her room.<br><em>I complimented the mirror.<\/em><\/h2>\r\n    <div class=\"mirror-moment\">\r\n      <p class=\"mirror-line\">\"Wow, that's a really nice mirror.\"<\/p>\r\n      <p class=\"mirror-line\">\u2014 a man who looked at her bed and said it looked comfortable<\/p>\r\n      <p class=\"mirror-punchline\">instead of kissing her immediately like any normal person would have done<\/p>\r\n    <\/div>\r\n    <div class=\"chapter-body\">\r\n      <p>I saw a yoga mat and asked if she had a gym at home.<\/p>\r\n      <p>And then I looked at her bed and said it looked comfortable.<\/p>\r\n      <p>Absolute disaster.<\/p>\r\n      <p>Still, I remember we talked for hours that night, until very late. I drove home screaming internally because I regretted not doing anything.<\/p>\r\n    <\/div>\r\n    <div class=\"stats-row\">\r\n      <div class=\"stat-card\">\r\n        <span class=\"stat-number\">3<\/span>\r\n        <span class=\"stat-label\">missed opportunities in one room<\/span>\r\n      <\/div>\r\n      <div class=\"stat-card\">\r\n        <span class=\"stat-number\">0<\/span>\r\n        <span class=\"stat-label\">functioning brain cells<\/span>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/main>\r\n\r\n<section class=\"climax-section\" id=\"climax\">\r\n  <div class=\"chapter-marker\" style=\"color: rgba(184,151,90,0.6); margin-bottom: 1.2rem;\">\r\n    <span style=\"color: rgba(184,151,90,0.5); font-family: 'Cormorant Garamond', serif; font-size: 0.7rem;\">06<\/span>\r\n    &nbsp; The Night Everything Changed\r\n    <div style=\"flex:1; height:0.5px; background: linear-gradient(to right, rgba(184,151,90,0.3), transparent);\"><\/div>\r\n  <\/div>\r\n  <h2 class=\"climax-title\">She kissed me.<br><em>Just like that.<\/em><\/h2>\r\n  <div class=\"climax-body\">\r\n    <p>I personally remember that day as the day I got slightly drunk just to gather enough courage to finally do something about my feelings and claim what was obviously mine and had always been mine: <span class=\"gold-text\">her.<\/span><\/p>\r\n    <p>What I did not expect was for things to happen so suddenly.<\/p>\r\n    <p>At a friend's birthday party, I suggested we drink a little more to enjoy the night properly. While I was preparing the drinks, Selina looked at me with her beautiful eyes, her perfect smile, and her angelic face\u2026<\/p>\r\n    <p style=\"font-family: 'Cormorant Garamond', serif; font-size: 1.3rem; font-style: italic; color: #f0ebe0; line-height: 1.5;\">And then, completely disrespectfully and without asking for permission first, she kissed me.<\/p>\r\n    <p>And just like that, I got the best kiss of my life.<\/p>\r\n    <p>After that\u2026 well, <span class=\"gold-text\">the rest is history.<\/span><\/p>\r\n  <\/div>\r\n<\/section>\r\n\r\n<section class=\"carousel-section\">\r\n  <div class=\"chapter-marker\" style=\"justify-content: center; margin-bottom: 2rem;\">\r\n    <div style=\"flex: 0 0 40px; height:0.5px; background: linear-gradient(to right, transparent, rgba(184,151,90,0.4));\"><\/div>\r\n    &nbsp; Memories &nbsp;\r\n    <div style=\"flex: 0 0 40px; height:0.5px; background: linear-gradient(to left, transparent, rgba(184,151,90,0.4));\"><\/div>\r\n  <\/div>\r\n  \r\n  <div class=\"carousel-wrapper\">\r\n    <button class=\"carousel-btn prev\">&#10094;<\/button>\r\n    <div class=\"carousel-track\" id=\"carouselTrack\">\r\n      <img decoding=\"async\" class=\"carousel-slide\" src=\"http:\/\/selinamylove.shop\/wp-content\/uploads\/2026\/06\/IMG_8781.jpg\" alt=\"Memory 1\">\r\n      \r\n      <img decoding=\"async\" class=\"carousel-slide\" src=\"http:\/\/selinamylove.shop\/wp-content\/uploads\/2026\/06\/IMG_0778-1.jpg\" alt=\"Memory 2\">\r\n      \r\n      <img decoding=\"async\" class=\"carousel-slide\" src=\"http:\/\/selinamylove.shop\/wp-content\/uploads\/2026\/06\/IMG_0576-1.jpg\" alt=\"Memory 3\">\r\n    <\/div>\r\n    <button class=\"carousel-btn next\">&#10095;<\/button>\r\n  <\/div>\r\n<\/section>\r\n\r\n<section class=\"contact-section\">\r\n  <span class=\"contact-label\">Get in Touch<\/span>\r\n  <a href=\"tel:+521234567890\" class=\"contact-phone\">+52 618 123 45 69<\/a>\r\n<\/section>\r\n\r\n<section class=\"epilogue\">\r\n  <div class=\"epilogue-deco\"><\/div>\r\n  <h2 class=\"epilogue-title\">The only thing you<br>really need to know.<\/h2>\r\n  <p class=\"epilogue-body\">I have the funniest, most beautiful, most incredible girlfriend in the world. And that's exactly why I decided to build her a website.<\/p>\r\n  <div class=\"epilogue-deco\" style=\"margin: 0 auto 2rem;\"><\/div>\r\n  <div class=\"epilogue-signature\">Alex<\/div>\r\n  <p class=\"epilogue-role\">Founder \u00b7 CEO \u00b7 Her Person<\/p>\r\n<\/section>\r\n\r\n<footer class=\"footer-section\">\r\n  <div class=\"footer-logo\">A & S<\/div>\r\n  <div class=\"footer-hearts\">\r\n    <div class=\"footer-heart\"><\/div>\r\n    <div class=\"footer-heart\" style=\"opacity:0.4;\"><\/div>\r\n    <div class=\"footer-heart\" style=\"opacity:0.2;\"><\/div>\r\n  <\/div>\r\n  <p class=\"footer-note\">Maybe I'll tell the rest in another blog post on this website.<br>No promises. Probably yes.<\/p>\r\n  <p class=\"footer-note\" style=\"font-size:0.62rem; margin-top:0.3rem;\">Mexico \u00d7 Germany \u00b7 Est. University, Some Year<\/p>\r\n<\/footer>\r\n\r\n<script>\r\n\/\/ SCROLL ANIMATIONS (ORIGINAL)\r\nconst chapters = document.querySelectorAll('.chapter');\r\nconst 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);\r\n    }\r\n  });\r\n}, { threshold: 0.08, rootMargin: '0px 0px -60px 0px' });\r\nchapters.forEach(ch => observer.observe(ch));\r\n\r\nconst climax = document.getElementById('climax');\r\nconst climaxObserver = new IntersectionObserver((entries) => {\r\n  entries.forEach(entry => {\r\n    if (entry.isIntersecting) {\r\n      climax.style.opacity = '1';\r\n      climax.style.transform = 'none';\r\n    }\r\n  });\r\n}, { threshold: 0.05 });\r\nclimax.style.opacity = '0';\r\nclimax.style.transition = 'opacity 1s ease';\r\nclimaxObserver.observe(climax);\r\n\r\n\/\/ CAROUSEL LOGIC (NUEVO)\r\nconst track = document.getElementById('carouselTrack');\r\nconst slides = Array.from(track.children);\r\nconst nextBtn = document.querySelector('.carousel-btn.next');\r\nconst prevBtn = document.querySelector('.carousel-btn.prev');\r\nlet currentIndex = 0;\r\n\r\nfunction updateCarousel() {\r\n  track.style.transform = `translateX(-${currentIndex * 100}%)`;\r\n}\r\n\r\nnextBtn.addEventListener('click', () => {\r\n  currentIndex = (currentIndex + 1) % slides.length;\r\n  updateCarousel();\r\n});\r\n\r\nprevBtn.addEventListener('click', () => {\r\n  currentIndex = (currentIndex - 1 + slides.length) % slides.length;\r\n  updateCarousel();\r\n});\r\n<\/script>\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>About Us \u2014 How We Met Us Founded somewhere between a lost campus and a bottle of tequila HowWe Met [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":105,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","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":"","ast-breadcrumbs-content":"","ast-featured-img":"","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-102","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/selinamylove.shop\/index.php?rest_route=\/wp\/v2\/pages\/102","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=102"}],"version-history":[{"count":13,"href":"https:\/\/selinamylove.shop\/index.php?rest_route=\/wp\/v2\/pages\/102\/revisions"}],"predecessor-version":[{"id":257,"href":"https:\/\/selinamylove.shop\/index.php?rest_route=\/wp\/v2\/pages\/102\/revisions\/257"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/selinamylove.shop\/index.php?rest_route=\/wp\/v2\/media\/105"}],"wp:attachment":[{"href":"https:\/\/selinamylove.shop\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=102"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}