PageSourceSearch

https://www.solhour.ai/about

html solhour.ai collected 2026-10-05 13:26:00 UTC 57,003 bytes, 610 lines download raw bytes

1<!DOCTYPE html><html lang="en" data-scroll-behavior="smooth" class="inter_bc220a90-module__m5YftW__variable fraunces_cb49a3b4-module__LeHHTG__variable instrument_serif_1dd02c61-module__1FHk8G__variable jetbrains_mono_85d22c22-module__HuXS2q__variable h-full antialiased"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="preload" href="/_next/static/media/03bda585a99c6450-s.p.0zzh68k1~whtc.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/051742360c26797e-s.p.0f97p8c3305p~.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/3c7c6164b2587822-s.p.0duriy8536ewt.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/7ebf22b5a21034f8-s.p.10_7676vm7pyy.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/83afe278b6a6bb3c-s.p.0q-301v4kxxnr.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/e41d5df559864f9e-s.p.0gq7fw9.sy_5..woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" as="image" imageSrcSet="/_next/image?url=%2Flogos%2Fsol-hour-orange-v3-clean.png&amp;w=1080&amp;q=75 1x, /_next/image?url=%2Flogos%2Fsol-hour-orange-v3-clean.png&amp;w=2048&amp;q=75 2x"/><link rel="preload" as="image" imageSrcSet="/_next/image?url=%2Flanding%2Fabout%2Fhero-living-room.png&amp;w=640&amp;q=75 1x, /_next/image?url=%2Flanding%2Fabout%2Fhero-living-room.png&amp;w=1920&amp;q=75 2x"/><link rel="stylesheet" href="/_next/static/chunks/0d.xp1xfcgd_5.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/chunks/0ydkxyci3bafg.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/0yb2wil16uz6h.js"/>
1<script src="/_next/static/chunks/08gwp-g~326bf.js" async=""></script>
1<script src="/_next/static/chunks/10u3y4bw1ayzs.js" async=""></script>
1<script src="/_next/static/chunks/07f1qd~q5490h.js" async=""></script>
1<script src="/_next/static/chunks/0pqt~8bl3ukh4.js" async=""></script>
1<script src="/_next/static/chunks/turbopack-0ww0t2l.ybyh-.js" async=""></script>
1<script src="/_next/static/chunks/0_k62yrztifng.js" async=""></script>
1<script src="/_next/static/chunks/12bn.ymq6qkoo.js" async=""></script>
1<script src="/_next/static/chunks/0d3shmwh5_nmn.js" async=""></script>
1<script src="/_next/static/chunks/0qev5gd8jf4~k.js" async=""></script>
1<meta name="next-size-adjust" content=""/><title>About · Sol Hour</title><meta name="description" content="Sol Hour is a gift, not a product — from the León Y Sol family. A great host shouldn&#x27;t have to babysit a playlist."/><link rel="icon" href="/favicon.ico?favicon.0ochudwmquamc.ico" sizes="32x32" type="image/x-icon"/><link rel="icon" href="/favicon-sol-32.png" sizes="32x32" type="image/png"/><link rel="icon" href="/favicon-sol.png" sizes="512x512" type="image/png"/><link rel="apple-touch-icon" href="/apple-icon.png"/>
1<script src="/_next/static/chunks/03~yq9q893hmn.js" noModule=""></script>
1</head><body class="min-h-full flex flex-col"><div hidden=""><!--$--><!--/$--></div><div class="landing-page"><style>
2  .landing-page {
3    --cream: #F4ECDE;
4    --cream-2: #FBF6EC;
5    --cream-soft: #FBF6EC;
6    --text: #190F0A;
7    --orange: #E68410;
8    --brown: #51341D;
9    --dark: #1A100B;
10    --muted: rgba(25, 15, 10, 0.72);
11    --line: rgba(81, 52, 29, 0.16);
12    --white-soft: #FFFDF8;
13    --radius-lg: 38px;
14    --radius-md: 28px;
15    --radius-sm: 18px;
16    --shadow-soft: 0 28px 60px rgba(26, 16, 11, 0.14);
17    --shadow: 0 22px 45px rgba(26, 16, 11, 0.15);
18    --container: 1220px;
19    font-family: "Inter", var(--font-inter), sans-serif;
20    background: var(--cream);
21    color: var(--text);
22    overflow-x: hidden;
23    width: 100%;
24    min-height: 100dvh;
25  }
26
27  .landing-page * { box-sizing: border-box; }
28  .landing-page img { max-width: 100%; display: block; }
29  .landing-page a { color: inherit; text-decoration: none; }
30
31  .landing-page .container {
32    width: min(var(--container), calc(100% - 64px));
33    margin: 0 auto;
34  }
35
36  .landing-page .eyebrow {
37    font-family: "Inter", var(--font-inter), sans-serif;
38    font-size: 12px;
39    line-height: 1;
40    font-weight: 500;
41    color: var(--orange);
42    text-transform: uppercase;
43    letter-spacing: 0.55em;
44    margin-bottom: 24px;
45  }
46
47  .landing-page h1,
48  .landing-page h2,
49  .landing-page h3 {
50    font-family: "Instrument Serif", var(--font-instrument-serif), Georgia, serif;
51    font-weight: 400;
52    font-style: normal;
53    color: var(--text);
54    letter-spacing: -0.055em;
55    background: none;
56    -webkit-background-clip: initial;
57    background-clip: initial;
58    -webkit-text-fill-color: currentColor;
59    filter: none;
60    margin: 0;
61  }
62
63  .landing-page h1 {
64    font-size: clamp(82px, 10.4vw, 170px);
65    line-height: 0.91;
66    max-width: 620px;
67  }
68  .landing-page h2 {
69    font-size: clamp(54px, 6.2vw, 92px);
70    line-height: 0.96;
71  }
72  .landing-page h3 {
73    font-size: clamp(32px, 3.2vw, 48px);
74    line-height: 1.02;
75  }
76  .landing-page p {
77    font-size: 20px;
78    line-height: 1.7;
79    color: var(--text);
80    font-weight: 400;
81    margin: 0;
82  }
83
84  .landing-page .btn {
85    height: 58px;
86    padding: 0 32px;
87    border-radius: 999px;
88    border: 1px solid transparent;
89    display: inline-flex;
90    align-items: center;
91    justify-content: center;
92    gap: 12px;
93    font-size: 16px;
94    font-weight: 500;
95    transition: 0.35s ease;
96    cursor: pointer;
97    white-space: nowrap;
98  }
99  .landing-page .btn-primary {
100    background: var(--orange);
101    color: white;
102    box-shadow: 0 14px 24px rgba(230, 132, 16, 0.18);
103  }
104  .landing-page .btn-primary:hover {
105    transform: translateY(-3px);
106    box-shadow: 0 20px 36px rgba(230, 132, 16, 0.28);
107    background: #f08b10;
108    color: white;
109  }
110  .landing-page .btn-secondary {
111    background: rgba(255,255,255,0.44);
112    border-color: rgba(81, 52, 29, 0.18);
113    color: var(--text);
114  }
115  .landing-page .btn-secondary:hover {
116    transform: translateY(-3px);
117    background: #fff;
118    border-color: rgba(230, 132, 16, 0.35);
119  }
120
121  /* Header */
122  .landing-page .site-header {
123    position: fixed;
124    top: 18px;
125    left: 0;
126    width: 100%;
127    z-index: 50;
128    pointer-events: none;
129  }
130  .landing-page .nav-wrap {
131    width: min(1140px, calc(100% - 64px));
132    margin: 0 auto;
133    height: 68px;
134    border-radius: 999px;
135    background: rgba(251, 246, 236, 0.78);
136    border: 1px solid rgba(81, 52, 29, 0.14);
137    box-shadow: 0 8px 24px rgba(26, 16, 11, 0.10);
138    backdrop-filter: blur(18px);
139    -webkit-backdrop-filter: blur(18px);
140    display: flex;
141    align-items: center;
142    justify-content: space-between;
143    padding: 0 24px 0 28px;
144    pointer-events: auto;
145  }
146  .landing-page .logo { width: 130px; height: auto; }
147  .landing-page .nav-links {
148    display: flex;
149    align-items: center;
150    gap: 34px;
151    font-size: 15px;
152    font-weight: 500;
153    color: var(--text);
154  }
155  .landing-page .nav-links a { transition: 0.25s ease; }
156  .landing-page .nav-links a:hover,
157  .landing-page .nav-links a.active { color: var(--orange); }
158  .landing-page .nav-cta {
159    height: 44px;
160    padding: 0 26px;
161    font-size: 15px;
162  }
163  .landing-page .nav-account-group {
164    display: flex;
165    align-items: center;
166    gap: 12px;
167  }
168  .landing-page .mobile-toggle {
169    display: none;
170    width: 44px;
171    height: 44px;
172    border-radius: 50%;
173    border: 1px solid var(--line);
174    background: #fff9ef;
175    align-items: center;
176    justify-content: center;
177    flex-direction: column;
178    gap: 5px;
179    cursor: pointer;
180  }
181  .landing-page .mobile-toggle span {
182    width: 18px;
183    height: 2px;
184    background: var(--text);
185    border-radius: 10px;
186    display: block;
187  }
188
189  /* Footer */
190  .landing-page .footer {
191    background: var(--cream);
192    padding: 34px 0 36px;
193  }
194  .landing-page .footer-inner {
195    display: flex;
196    align-items: center;
197    justify-content: space-between;
198    gap: 40px;
199  }
200  .landing-page .footer-logo { width: 175px; height: auto; }
201  .landing-page .footer-links {
202    display: flex;
203    align-items: center;
204    gap: 30px;
205    font-size: 17px;
206    color: var(--text);
207  }
208  .landing-page .footer-links a { transition: 0.25s ease; }
209  .landing-page .footer-links a:hover { color: var(--orange); }
210  .landing-page .footer-icons {
211    display: flex;
212    align-items: center;
213    gap: 18px;
214    color: var(--orange);
215  }
216  .landing-page .footer-icons a {
217    display: inline-flex;
218    align-items: center;
219    justify-content: center;
220    color: var(--orange);
221    transition: 0.25s ease;
222  }
223  .landing-page .footer-icons a:hover {
224    color: var(--text);
225    transform: translateY(-2px);
226  }
227  .landing-page .footer-icons svg {
228    display: block;
229    width: 22px;
230    height: 22px;
231  }
232
233  /* Reveal-on-scroll */
234  .landing-page [data-animate] {
235    opacity: 0;
236    transform: translateY(34px);
237    transition: opacity 0.8s ease, transform 0.8s ease;
238  }
239  .landing-page [data-animate].show {
240    opacity: 1;
241    transform: translateY(0);
242  }
243  .landing-page .delay-1 { transition-delay: 0.12s; }
244  .landing-page .delay-2 { transition-delay: 0.22s; }
245  .landing-page .delay-3 { transition-delay: 0.32s; }
246  .landing-page .delay-4 { transition-delay: 0.42s; }
247
248  /* Base responsive — container + nav shrinks */
249  @media (max-width: 1100px) {
250    .landing-page .container,
251    .landing-page .nav-wrap {
252      width: min(100% - 40px, var(--container));
253    }
254  }
255
256  @media (max-width: 860px) {
257    .landing-page .nav-links { display: none; }
258    .landing-page .nav-cta { display: none; }
259    .landing-page .nav-account-group { display: none; }
260    .landing-page .mobile-toggle { display: flex; }
261    .landing-page .nav-links.nav-links-open {
262      display: flex;
263      position: absolute;
264      top: 76px;
265      left: 20px;
266      right: 20px;
267      padding: 24px;
268      background: #FBF6EC;
269      border-radius: 24px;
270      flex-direction: column;
271      align-items: flex-start;
272      box-shadow: 0 20px 50px rgba(26,16,11,0.14);
273      gap: 20px;
274    }
275    .landing-page .nav-wrap {
276      height: 62px;
277      padding: 0 16px 0 20px;
278    }
279    .landing-page .logo { width: 115px; }
280    .landing-page .footer-inner {
281      flex-direction: column;
282      align-items: flex-start;
283    }
284    .landing-page .footer-links {
285      flex-wrap: wrap;
286      gap: 18px 24px;
287    }
288  }
289
290  @media (max-width: 560px) {
291    .landing-page .container,
292    .landing-page .nav-wrap {
293      width: calc(100% - 26px);
294    }
295    .landing-page .eyebrow {
296      font-size: 10px;
297      letter-spacing: 0.42em;
298    }
299    .landing-page .footer-logo { width: 150px; }
300  }
301
302  /* About hero */
303  .landing-page .about-hero {
304    padding: 168px 0 78px;
305    min-height: 585px;
306    display: flex;
307    align-items: center;
308    background: var(--cream);
309  }
310  .landing-page .about-hero-grid {
311    display: grid;
312    grid-template-columns: 1.05fr 0.95fr;
313    align-items: center;
314    gap: 90px;
315  }
316  .landing-page .about-hero h1 {
317    font-size: clamp(84px, 10.5vw, 164px);
318    line-height: 0.89;
319    max-width: 690px;
320  }
321  .landing-page .about-hero-img {
322    height: 320px;
323    border-radius: 32px;
324    overflow: hidden;
325    box-shadow: var(--shadow);
326    position: relative;
327  }
328  .landing-page .about-hero-img img {
329    width: 100%;
330    height: 100%;
331    object-fit: cover;
332    object-position: center;
333    filter: saturate(0.95) contrast(1.02);
334    transition: 0.5s ease;
335  }
336  .landing-page .about-hero-img:hover img {
337    transform: scale(1.045);
338  }
339
340  /* Quote */
341  .landing-page .quote-section {
342    background: linear-gradient(180deg, #54321B 0%, #1A100B 100%);
343    padding: 42px 0 48px;
344    text-align: center;
345  }
346  .landing-page .quote-text {
347    font-family: "Instrument Serif", var(--font-instrument-serif), serif;
348    font-size: clamp(38px, 4.5vw, 62px);
349    line-height: 0.95;
350    letter-spacing: -0.04em;
351    color: white;
352    max-width: 720px;
353    margin: 0 auto;
354  }
355  .landing-page .quote-author {
356    margin-top: 22px;
357    color: rgba(255,255,255,0.78);
358    font-size: 16px;
359    font-weight: 400;
360  }
361
362  /* Story */
363  .landing-page .story {
364    padding: 112px 0 88px;
365    background: var(--cream);
366  }
367  .landing-page .story-grid {
368    display: grid;
369    grid-template-columns: 0.95fr 1fr;
370    gap: 66px;
371    align-items: center;
372  }
373  .landing-page .brand-image {
374    height: 450px;
375    border-radius: 26px;
376    overflow: hidden;
377    position: relative;
378    box-shadow: 0 18px 34px rgba(26,16,11,0.12);
379  }
380  .landing-page .brand-image img {
381    width: 100%;
382    height: 100%;
383    object-fit: cover;
384    object-position: center;
385    transition: 0.55s ease;
386  }
387  .landing-page .brand-image:hover img {
388    transform: scale(1.045);
389  }
390  .landing-page .brand-overlay {
391    position: absolute;
392    inset: 0;
393    background: linear-gradient(180deg, rgba(26,16,11,0.04), rgba(26,16,11,0.78));
394    pointer-events: none;
395  }
396  .landing-page .brand-title {
397    position: absolute;
398    left: 0;
399    right: 0;
400    bottom: 35px;
401    text-align: center;
402    color: white;
403    pointer-events: none;
404    z-index: 2;
405  }
406  .landing-page .brand-title .small {
407    font-size: 13px;
408    color: var(--orange);
409    letter-spacing: 0.46em;
410    text-transform: uppercase;
411    margin-bottom: 10px;
412  }
413  .landing-page .brand-title .main {
414    font-family: "Instrument Serif", var(--font-instrument-serif), serif;
415    font-size: 76px;
416    line-height: 0.85;
417    letter-spacing: -0.055em;
418    color: white;
419  }
420  .landing-page .brand-title .tag {
421    font-family: "Instrument Serif", var(--font-instrument-serif), serif;
422    font-size: 25px;
423    font-style: italic;
424    color: white;
425    margin-top: 12px;
426  }
427  .landing-page .story-copy { max-width: 500px; }
428  .landing-page .story-copy h2 {
429    font-size: clamp(48px, 5vw, 72px);
430    line-height: 0.95;
431    max-width: 440px;
432  }
433
434  /* Free */
435  .landing-page .free-section {
436    padding: 88px 0 106px;
437    background: var(--cream);
438  }
439  .landing-page .free-grid {
440    display: grid;
441    grid-template-columns: 1fr 0.98fr;
442    gap: 90px;
443    align-items: center;
444  }
445  .landing-page .free-copy { max-width: 570px; }
446  .landing-page .free-copy h2 {
447    font-size: clamp(46px, 5vw, 68px);
448    line-height: 0.98;
449    margin-bottom: 30px;
450  }
451  .landing-page .free-copy p {
452    max-width: 560px;
453    font-size: 19px;
454    line-height: 1.78;
455  }
456  .landing-page .free-image {
457    height: 450px;
458    border-radius: 28px;
459    overflow: hidden;
460    position: relative;
461    box-shadow: 0 18px 34px rgba(26,16,11,0.12);
462  }
463  .landing-page .free-image img {
464    width: 100%;
465    height: 100%;
466    object-fit: cover;
467    object-position: center;
468    transition: 0.55s ease;
469  }
470  .landing-page .free-image::after {
471    content: "";
472    position: absolute;
473    inset: 0;
474    background: linear-gradient(180deg, rgba(26,16,11,0.02), rgba(26,16,11,0.58));
475    pointer-events: none;
476  }
477  .landing-page .free-image:hover img {
478    transform: scale(1.045);
479  }
480
481  /* What's Next */
482  .landing-page .next-section {
483    padding: 32px 0 116px;
484    background: var(--cream);
485  }
486  .landing-page .next-card {
487    width: min(1090px, 100%);
488    margin: 0 auto;
489    background: rgba(255, 253, 248, 0.54);
490    border: 1px solid rgba(81, 52, 29, 0.08);
491    border-radius: 40px;
492    padding: 62px 48px 64px;
493    text-align: center;
494    box-shadow: 0 26px 46px rgba(26,16,11,0.14);
495  }
496  .landing-page .next-card h2 {
497    font-size: clamp(42px, 4.7vw, 64px);
498    line-height: 1;
499    margin-bottom: 38px;
500  }
501  .landing-page .pill-row {
502    display: flex;
503    justify-content: center;
504    align-items: center;
505    gap: 13px;
506    flex-wrap: wrap;
507  }
508  .landing-page .pill {
509    min-height: 42px;
510    padding: 0 24px;
511    border-radius: 999px;
512    background: rgba(255,255,255,0.62);
513    border: 1px solid rgba(81,52,29,0.14);
514    font-size: 14px;
515    color: var(--text);
516    display: inline-flex;
517    align-items: center;
518    justify-content: center;
519    transition: 0.3s ease;
520  }
521  .landing-page .pill:hover {
522    transform: translateY(-3px);
523    background: white;
524    border-color: rgba(230, 132, 16, 0.36);
525    color: var(--orange);
526  }
527
528  /* Salud CTA */
529  .landing-page .salud {
530    height: 270px;
531    background:
532      linear-gradient(rgba(26,16,11,0.68), rgba(26,16,11,0.72)),
533      url("/landing/about/salud-bg.png") center/cover no-repeat;
534    display: flex;
535    align-items: center;
536    justify-content: center;
537    text-align: center;
538  }
539  .landing-page .salud h2 {
540    color: white;
541    font-size: clamp(52px, 5.4vw, 78px);
542    line-height: 1;
543  }
544
545  /* About-specific responsive */
546  @media (max-width: 1100px) {
547    .landing-page .about-hero-grid,
548    .landing-page .story-grid,
549    .landing-page .free-grid {
550      gap: 48px;
551    }
552    .landing-page .about-hero h1 {
553      font-size: clamp(78px, 11vw, 130px);
554    }
555  }
556
557  @media (max-width: 900px) {
558    .landing-page .about-hero {
559      padding: 132px 0 64px;
560    }
561    .landing-page .about-hero-grid,
562    .landing-page .story-grid,
563    .landing-page .free-grid {
564      grid-template-columns: 1fr;
565    }
566    .landing-page .about-hero-img { height: 330px; }
567    .landing-page .story { padding: 78px 0 70px; }
568    .landing-page .brand-image,
569    .landing-page .free-image { height: 330px; }
570    .landing-page .story-copy { max-width: 100%; }
571    .landing-page .free-section { padding: 70px 0 80px; }
572    .landing-page .free-grid .free-copy { order: 1; }
573    .landing-page .free-grid .free-image { order: 2; }
574    .landing-page .next-section { padding-bottom: 84px; }
575  }
576
577  @media (max-width: 560px) {
578    .landing-page .about-hero {
579      padding-top: 118px;
580      min-height: auto;
581    }
582    .landing-page .about-hero h1 { font-size: 76px; }
583    .landing-page .about-hero-img,
584    .landing-page .brand-image,
585    .landing-page .free-image {
586      height: 260px;
587      border-radius: 24px;
588    }
589    .landing-page .quote-section { padding: 36px 0 40px; }
590    .landing-page .quote-text { font-size: 38px; }
591    .landing-page .story { padding-top: 66px; }
592    .landing-page .brand-title .main { font-size: 56px; }
593    .landing-page .brand-title .tag { font-size: 20px; }
594    .landing-page .story-copy h2,
595    .landing-page .free-copy h2,
596    .landing-page .next-card h2 { font-size: 44px; }
597    .landing-page p,
598    .landing-page .free-copy p { font-size: 16px; }
599    .landing-page .next-card {
600      border-radius: 30px;
601      padding: 44px 22px 46px;
602    }
603    .landing-page .pill {
604      font-size: 12px;
605      min-height: 38px;
606      padding: 0 16px;
607    }
608    .landing-page .salud { height: 230px; }
609  }
610</style><header class="site-header"><div class="nav-wrap"><a aria-label="Sol Hour home" href="/"><img alt="Sol Hour" width="1024" height="386" decoding="async" data-nimg="1" class="logo" style="color:transparent" srcSet="/_next/image?url=%2Flogos%2Fsol-hour-orange-v3-clean.png&amp;w=1080&amp;q=75 1x, /_next/image?url=%2Flogos%2Fsol-hour-orange-v3-clean.png&amp;w=2048&amp;q=75 2x" src="/_next/image?url=%2Flogos%2Fsol-hour-orange-v3-clean.png&amp;w=2048&amp;q=75"/></a><nav class="nav-links"><a href="/">Home</a><a class="active" href="/about">About</a><a href="/how-it-works">How It Works</a><a href="https://leonysol.com/pages/sol-hour" target="_blank" rel="noopener noreferrer">For Venues</a><a href="/login">Log In</a></nav><a class="btn btn-primary nav-cta" href="/signup">Start a Sol Hour</a><button type="button" class="mobile-toggle" aria-label="Open menu" aria-expanded="false"><span></span><span></span></button></div></header><section class="about-hero"><div class="container about-hero-grid"><div data-animate="true"><div class="eyebrow">About Sol Hour</div><h1>A gift, not<br/>a product.</h1></div><div class="about-hero-img" data-animate="true"><img alt="People gathered in a living room" width="620" height="320" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2Flanding%2Fabout%2Fhero-living-room.png&amp;w=640&amp;q=75 1x, /_next/image?url=%2Flanding%2Fabout%2Fhero-living-room.png&amp;w=1920&amp;q=75 2x" src="/_next/image?url=%2Flanding%2Fabout%2Fhero-living-room.png&amp;w=1920&amp;q=75"/></div></div></section><section class="quote-section"><div class="container" data-animate="true"><div class="quote-text">“A great host shouldn’t have<br/>to babysit a playlist.”</div><div class="quote-author">— León Y Sol</div></div></section><section class="story"><div class="container story-grid"><div class="brand-image" data-animate="true"><img alt="Sol Hour brand" loading="lazy" width="620" height="450" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2Flanding%2Fabout%2Fbrand-hero.png&amp;w=640&amp;q=75 1x, /_next/image?url=%2Flanding%2Fabout%2Fbrand-hero.png&amp;w=1920&amp;q=75 2x" src="/_next/image?url=%2Flanding%2Fabout%2Fbrand-hero.png&amp;w=1920&amp;q=75"/><div class="brand-overlay"></div><div class="brand-title"><div class="small">León Y Sol</div><div class="main">SOL HOUR</div><div class="tag">The room they show up to.</div></div></div><div class="story-copy" data-animate="true"><div class="eyebrow">From the León Y Sol family</div><h2>Same hands.<br/>Same soul.<br/>Same sun.</h2></div></div></section><section class="free-section"><div class="container free-grid"><div class="free-copy" data-animate="true"><div class="eyebrow">Why it’s free</div><h2>For living rooms. Not billboards.</h2><p>Sol Hour stays free because it lives in small rooms, not on billboards. The music belongs to the people who showed up, not to an advertiser.</p></div><div class="free-image" data-animate="true"><img alt="Friends enjoying food and music" loading="lazy" width="620" height="450" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2Flanding%2Fabout%2Ffriends-food.png&amp;w=640&amp;q=75 1x, /_next/image?url=%2Flanding%2Fabout%2Ffriends-food.png&amp;w=1920&amp;q=75 2x" src="/_next/image?url=%2Flanding%2Fabout%2Ffriends-food.png&amp;w=1920&amp;q=75"/></div></div></section><section class="next-section"><div class="container"><div class="next-card" data-animate="true"><div class="eyebrow">What’s next</div><h2>For people who show up.</h2><div class="pill-row"><span class="pill">Living rooms</span><span class="pill">Backyards</span><span class="pill">Patios</span><span class="pill">Bars</span><span class="pill">Restaurants</span><span class="pill">Anywhere with people who show up</span></div></div></div></section><section class="salud"><div data-animate="true"><h2>Salud.</h2></div></section><footer class="footer"><div class="container footer-inner"><a aria-label="Sol Hour home" href="/"><img alt="Sol Hour" loading="lazy" width="1024" height="386" decoding="async" data-nimg="1" class="footer-logo" style="color:transparent" srcSet="/_next/image?url=%2Flogos%2Fsol-hour-orange-v3-clean.png&amp;w=1080&amp;q=75 1x, /_next/image?url=%2Flogos%2Fsol-hour-orange-v3-clean.png&amp;w=2048&amp;q=75 2x" src="/_next/image?url=%2Flogos%2Fsol-hour-orange-v3-clean.png&amp;w=2048&amp;q=75"/></a><nav class="footer-links" aria-label="Footer"><a href="/about">About</a><a href="/how-it-works">How It Works</a><a href="https://leonysol.com/pages/sol-hour" target="_blank" rel="noopener noreferrer">For Venues</a><a href="/terms">Terms</a><a href="/privacy">Privacy</a></nav><div class="footer-icons"><a href="https://www.instagram.com/leonysoltequila/" target="_blank" rel="noopener noreferrer" aria-label="Instagram"><svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="3" y="3" width="18" height="18" rx="5"></rect><circle cx="12" cy="12" r="4"></circle><circle cx="17.5" cy="6.5" r="1" fill="currentColor" stroke="none"></circle></svg></a><a href="https://music.apple.com" target="_blank" rel="noopener noreferrer" aria-label="Music"><svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M9 18V5l12-2v13"></path><circle cx="6" cy="18" r="3"></circle><circle cx="18" cy="16" r="3"></circle></svg></a><a href="/how-it-works" target="_blank" rel="noopener noreferrer" aria-label="Hours"><svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="12" cy="12" r="9"></circle><polyline points="12 7 12 12 15.5 14"></polyline></svg></a></div></div></footer></div><!--$--><!--/$-->
610<section aria-label="Notifications alt+T" tabindex="-1" aria-live="polite" aria-relevant="additions text" aria-atomic="false"></section>
610<script src="/_next/static/chunks/0yb2wil16uz6h.js" id="_R_" async=""></script>
610<script>(self.__next_f=self.__next_f||[]).push([0])</script>
610<script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n2:I[24910,[\"/_next/static/chunks/0_k62yrztifng.js\",\"/_next/static/chunks/12bn.ymq6qkoo.js\",\"/_next/static/chunks/0d3shmwh5_nmn.js\"],\"AppProviders\"]\n3:I[39756,[\"/_next/static/chunks/0_k62yrztifng.js\",\"/_next/static/chunks/12bn.ymq6qkoo.js\",\"/_next/static/chunks/0d3shmwh5_nmn.js\"],\"default\"]\n4:I[37457,[\"/_next/static/chunks/0_k62yrztifng.js\",\"/_next/static/chunks/12bn.ymq6qkoo.js\",\"/_next/static/chunks/0d3shmwh5_nmn.js\"],\"default\"]\n13:I[68027,[\"/_next/static/chunks/0_k62yrztifng.js\",\"/_next/static/chunks/12bn.ymq6qkoo.js\",\"/_next/static/chunks/0d3shmwh5_nmn.js\"],\"default\",1]\n:HL[\"/_next/static/chunks/0d.xp1xfcgd_5.css\",\"style\"]\n:HL[\"/_next/static/chunks/0ydkxyci3bafg.css\",\"style\"]\n:HL[\"/_next/static/media/03bda585a99c6450-s.p.0zzh68k1~whtc.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/051742360c26797e-s.p.0f97p8c3305p~.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/3c7c6164b2587822-s.p.0duriy8536ewt.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/7ebf22b5a21034f8-s.p.10_7676vm7pyy.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/83afe278b6a6bb3c-s.p.0q-301v4kxxnr.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/e41d5df559864f9e-s.p.0gq7fw9.sy_5..woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n5:T3c43,"])</script>
610<script>self.__next_f.push([1,"\n  .landing-page {\n    --cream: #F4ECDE;\n    --cream-2: #FBF6EC;\n    --cream-soft: #FBF6EC;\n    --text: #190F0A;\n    --orange: #E68410;\n    --brown: #51341D;\n    --dark: #1A100B;\n    --muted: rgba(25, 15, 10, 0.72);\n    --line: rgba(81, 52, 29, 0.16);\n    --white-soft: #FFFDF8;\n    --radius-lg: 38px;\n    --radius-md: 28px;\n    --radius-sm: 18px;\n    --shadow-soft: 0 28px 60px rgba(26, 16, 11, 0.14);\n    --shadow: 0 22px 45px rgba(26, 16, 11, 0.15);\n    --container: 1220px;\n    font-family: \"Inter\", var(--font-inter), sans-serif;\n    background: var(--cream);\n    color: var(--text);\n    overflow-x: hidden;\n    width: 100%;\n    min-height: 100dvh;\n  }\n\n  .landing-page * { box-sizing: border-box; }\n  .landing-page img { max-width: 100%; display: block; }\n  .landing-page a { color: inherit; text-decoration: none; }\n\n  .landing-page .container {\n    width: min(var(--container), calc(100% - 64px));\n    margin: 0 auto;\n  }\n\n  .landing-page .eyebrow {\n    font-family: \"Inter\", var(--font-inter), sans-serif;\n    font-size: 12px;\n    line-height: 1;\n    font-weight: 500;\n    color: var(--orange);\n    text-transform: uppercase;\n    letter-spacing: 0.55em;\n    margin-bottom: 24px;\n  }\n\n  .landing-page h1,\n  .landing-page h2,\n  .landing-page h3 {\n    font-family: \"Instrument Serif\", var(--font-instrument-serif), Georgia, serif;\n    font-weight: 400;\n    font-style: normal;\n    color: var(--text);\n    letter-spacing: -0.055em;\n    background: none;\n    -webkit-background-clip: initial;\n    background-clip: initial;\n    -webkit-text-fill-color: currentColor;\n    filter: none;\n    margin: 0;\n  }\n\n  .landing-page h1 {\n    font-size: clamp(82px, 10.4vw, 170px);\n    line-height: 0.91;\n    max-width: 620px;\n  }\n  .landing-page h2 {\n    font-size: clamp(54px, 6.2vw, 92px);\n    line-height: 0.96;\n  }\n  .landing-page h3 {\n    font-size: clamp(32px, 3.2vw, 48px);\n    line-height: 1.02;\n  }\n  .landing-page p {\n    font-size: 20px;\n    line-height: 1.7;\n    color: var(--text);\n    font-weight: 400;\n    margin: 0;\n  }\n\n  .landing-page .btn {\n    height: 58px;\n    padding: 0 32px;\n    border-radius: 999px;\n    border: 1px solid transparent;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 12px;\n    font-size: 16px;\n    font-weight: 500;\n    transition: 0.35s ease;\n    cursor: pointer;\n    white-space: nowrap;\n  }\n  .landing-page .btn-primary {\n    background: var(--orange);\n    color: white;\n    box-shadow: 0 14px 24px rgba(230, 132, 16, 0.18);\n  }\n  .landing-page .btn-primary:hover {\n    transform: translateY(-3px);\n    box-shadow: 0 20px 36px rgba(230, 132, 16, 0.28);\n    background: #f08b10;\n    color: white;\n  }\n  .landing-page .btn-secondary {\n    background: rgba(255,255,255,0.44);\n    border-color: rgba(81, 52, 29, 0.18);\n    color: var(--text);\n  }\n  .landing-page .btn-secondary:hover {\n    transform: translateY(-3px);\n    background: #fff;\n    border-color: rgba(230, 132, 16, 0.35);\n  }\n\n  /* Header */\n  .landing-page .site-header {\n    position: fixed;\n    top: 18px;\n    left: 0;\n    width: 100%;\n    z-index: 50;\n    pointer-events: none;\n  }\n  .landing-page .nav-wrap {\n    width: min(1140px, calc(100% - 64px));\n    margin: 0 auto;\n    height: 68px;\n    border-radius: 999px;\n    background: rgba(251, 246, 236, 0.78);\n    border: 1px solid rgba(81, 52, 29, 0.14);\n    box-shadow: 0 8px 24px rgba(26, 16, 11, 0.10);\n    backdrop-filter: blur(18px);\n    -webkit-backdrop-filter: blur(18px);\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 0 24px 0 28px;\n    pointer-events: auto;\n  }\n  .landing-page .logo { width: 130px; height: auto; }\n  .landing-page .nav-links {\n    display: flex;\n    align-items: center;\n    gap: 34px;\n    font-size: 15px;\n    font-weight: 500;\n    color: var(--text);\n  }\n  .landing-page .nav-links a { transition: 0.25s ease; }\n  .landing-page .nav-links a:hover,\n  .landing-page .nav-links a.active { color: var(--orange); }\n  .landing-page .nav-cta {\n    height: 44px;\n    padding: 0 26px;\n    font-size: 15px;\n  }\n  .landing-page .nav-account-group {\n    display: flex;
610\n    align-items: center;\n    gap: 12px;\n  }\n  .landing-page .mobile-toggle {\n    display: none;\n    width: 44px;\n    height: 44px;\n    border-radius: 50%;\n    border: 1px solid var(--line);\n    background: #fff9ef;\n    align-items: center;\n    justify-content: center;\n    flex-direction: column;\n    gap: 5px;\n    cursor: pointer;\n  }\n  .landing-page .mobile-toggle span {\n    width: 18px;\n    height: 2px;\n    background: var(--text);\n    border-radius: 10px;\n    display: block;\n  }\n\n  /* Footer */\n  .landing-page .footer {\n    background: var(--cream);\n    padding: 34px 0 36px;\n  }\n  .landing-page .footer-inner {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 40px;\n  }\n  .landing-page .footer-logo { width: 175px; height: auto; }\n  .landing-page .footer-links {\n    display: flex;\n    align-items: center;\n    gap: 30px;\n    font-size: 17px;\n    color: var(--text);\n  }\n  .landing-page .footer-links a { transition: 0.25s ease; }\n  .landing-page .footer-links a:hover { color: var(--orange); }\n  .landing-page .footer-icons {\n    display: flex;\n    align-items: center;\n    gap: 18px;\n    color: var(--orange);\n  }\n  .landing-page .footer-icons a {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    color: var(--orange);\n    transition: 0.25s ease;\n  }\n  .landing-page .footer-icons a:hover {\n    color: var(--text);\n    transform: translateY(-2px);\n  }\n  .landing-page .footer-icons svg {\n    display: block;\n    width: 22px;\n    height: 22px;\n  }\n\n  /* Reveal-on-scroll */\n  .landing-page [data-animate] {\n    opacity: 0;\n    transform: translateY(34px);\n    transition: opacity 0.8s ease, transform 0.8s ease;\n  }\n  .landing-page [data-animate].show {\n    opacity: 1;\n    transform: translateY(0);\n  }\n  .landing-page .delay-1 { transition-delay: 0.12s; }\n  .landing-page .delay-2 { transition-delay: 0.22s; }\n  .landing-page .delay-3 { transition-delay: 0.32s; }\n  .landing-page .delay-4 { transition-delay: 0.42s; }\n\n  /* Base responsive — container + nav shrinks */\n  @media (max-width: 1100px) {\n    .landing-page .container,\n    .landing-page .nav-wrap {\n      width: min(100% - 40px, var(--container));\n    }\n  }\n\n  @media (max-width: 860px) {\n    .landing-page .nav-links { display: none; }\n    .landing-page .nav-cta { display: none; }\n    .landing-page .nav-account-group { display: none; }\n    .landing-page .mobile-toggle { display: flex; }\n    .landing-page .nav-links.nav-links-open {\n      display: flex;\n      position: absolute;\n      top: 76px;\n      left: 20px;\n      right: 20px;\n      padding: 24px;\n      background: #FBF6EC;\n      border-radius: 24px;\n      flex-direction: column;\n      align-items: flex-start;\n      box-shadow: 0 20px 50px rgba(26,16,11,0.14);\n      gap: 20px;\n    }\n    .landing-page .nav-wrap {\n      height: 62px;\n      padding: 0 16px 0 20px;\n    }\n    .landing-page .logo { width: 115px; }\n    .landing-page .footer-inner {\n      flex-direction: column;\n      align-items: flex-start;\n    }\n    .landing-page .footer-links {\n      flex-wrap: wrap;\n      gap: 18px 24px;\n    }\n  }\n\n  @media (max-width: 560px) {\n    .landing-page .container,\n    .landing-page .nav-wrap {\n      width: calc(100% - 26px);\n    }\n    .landing-page .eyebrow {\n      font-size: 10px;\n      letter-spacing: 0.42em;\n    }\n    .landing-page .footer-logo { width: 150px; }\n  }\n\n  /* About hero */\n  .landing-page .about-hero {\n    padding: 168px 0 78px;\n    min-height: 585px;\n    display: flex;\n    align-items: center;\n    background: var(--cream);\n  }\n  .landing-page .about-hero-grid {\n    display: grid;\n    grid-template-columns: 1.05fr 0.95fr;
610\n    align-items: center;\n    gap: 90px;\n  }\n  .landing-page .about-hero h1 {\n    font-size: clamp(84px, 10.5vw, 164px);\n    line-height: 0.89;\n    max-width: 690px;\n  }\n  .landing-page .about-hero-img {\n    height: 320px;\n    border-radius: 32px;\n    overflow: hidden;\n    box-shadow: var(--shadow);\n    position: relative;\n  }\n  .landing-page .about-hero-img img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    object-position: center;\n    filter: saturate(0.95) contrast(1.02);\n    transition: 0.5s ease;\n  }\n  .landing-page .about-hero-img:hover img {\n    transform: scale(1.045);\n  }\n\n  /* Quote */\n  .landing-page .quote-section {\n    background: linear-gradient(180deg, #54321B 0%, #1A100B 100%);\n    padding: 42px 0 48px;\n    text-align: center;\n  }\n  .landing-page .quote-text {\n    font-family: \"Instrument Serif\", var(--font-instrument-serif), serif;\n    font-size: clamp(38px, 4.5vw, 62px);\n    line-height: 0.95;\n    letter-spacing: -0.04em;\n    color: white;\n    max-width: 720px;\n    margin: 0 auto;\n  }\n  .landing-page .quote-author {\n    margin-top: 22px;\n    color: rgba(255,255,255,0.78);\n    font-size: 16px;\n    font-weight: 400;\n  }\n\n  /* Story */\n  .landing-page .story {\n    padding: 112px 0 88px;\n    background: var(--cream);\n  }\n  .landing-page .story-grid {\n    display: grid;\n    grid-template-columns: 0.95fr 1fr;\n    gap: 66px;\n    align-items: center;\n  }\n  .landing-page .brand-image {\n    height: 450px;\n    border-radius: 26px;\n    overflow: hidden;\n    position: relative;\n    box-shadow: 0 18px 34px rgba(26,16,11,0.12);\n  }\n  .landing-page .brand-image img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    object-position: center;\n    transition: 0.55s ease;\n  }\n  .landing-page .brand-image:hover img {\n    transform: scale(1.045);\n  }\n  .landing-page .brand-overlay {\n    position: absolute;\n    inset: 0;\n    background: linear-gradient(180deg, rgba(26,16,11,0.04), rgba(26,16,11,0.78));\n    pointer-events: none;\n  }\n  .landing-page .brand-title {\n    position: absolute;\n    left: 0;\n    right: 0;\n    bottom: 35px;\n    text-align: center;\n    color: white;\n    pointer-events: none;\n    z-index: 2;\n  }\n  .landing-page .brand-title .small {\n    font-size: 13px;\n    color: var(--orange);\n    letter-spacing: 0.46em;\n    text-transform: uppercase;\n    margin-bottom: 10px;\n  }\n  .landing-page .brand-title .main {\n    font-family: \"Instrument Serif\", var(--font-instrument-serif), serif;\n    font-size: 76px;\n    line-height: 0.85;\n    letter-spacing: -0.055em;\n    color: white;\n  }\n  .landing-page .brand-title .tag {\n    font-family: \"Instrument Serif\", var(--font-instrument-serif), serif;\n    font-size: 25px;\n    font-style: italic;\n    color: white;\n    margin-top: 12px;\n  }\n  .landing-page .story-copy { max-width: 500px; }\n  .landing-page .story-copy h2 {\n    font-size: clamp(48px, 5vw, 72px);\n    line-height: 0.95;\n    max-width: 440px;\n  }\n\n  /* Free */\n  .landing-page .free-section {\n    padding: 88px 0 106px;\n    background: var(--cream);\n  }\n  .landing-page .free-grid {\n    display: grid;\n    grid-template-columns: 1fr 0.98fr;\n    gap: 90px;\n    align-items: center;\n  }\n  .landing-page .free-copy { max-width: 570px; }\n  .landing-page .free-copy h2 {\n    font-size: clamp(46px, 5vw, 68px);\n    line-height: 0.98;\n    margin-bottom: 30px;\n  }\n  .landing-page .free-copy p {\n    max-width: 560px;\n    font-size: 19px;\n    line-height: 1.78;\n  }\n  .landing-page .free-image {\n    height: 450px;\n    border-radius: 28px;\n    overflow: hidden;\n    position: relative;\n    box-shadow: 0 18px 34px rgba(26,16,11,0.12);\n  }\n  .landing-page .free-image img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    object-position: center;\n    transition: 0.55s ease;\n  }\n  .landing-page .free-image::after {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    background: linear-gradient(180deg, rgba(26,16,11,0.02), rgba(26,16,11,0.58));\n    pointer-events: none;\n  }\n  .landing-page .free-image:hover img {\n    transform: scale(1.045);\n  }\n\n  /* What's Next */\n  .landing-page .next-section {\n    padding: 32px 0 116px;\n    background: var(--cream);\n  }\n  .landing-page .next-card {\n    width: min(1090px, 100%);\n    margin: 0 auto;\n    background: rgba(255, 253, 248, 0.54);\n    border: 1px solid rgba(81, 52, 29, 0.08);\n    border-radius: 40px;\n    padding: 62px 48px 64px;\n    text-align: center;
610\n    box-shadow: 0 26px 46px rgba(26,16,11,0.14);\n  }\n  .landing-page .next-card h2 {\n    font-size: clamp(42px, 4.7vw, 64px);\n    line-height: 1;\n    margin-bottom: 38px;\n  }\n  .landing-page .pill-row {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    gap: 13px;\n    flex-wrap: wrap;\n  }\n  .landing-page .pill {\n    min-height: 42px;\n    padding: 0 24px;\n    border-radius: 999px;\n    background: rgba(255,255,255,0.62);\n    border: 1px solid rgba(81,52,29,0.14);\n    font-size: 14px;\n    color: var(--text);\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    transition: 0.3s ease;\n  }\n  .landing-page .pill:hover {\n    transform: translateY(-3px);\n    background: white;\n    border-color: rgba(230, 132, 16, 0.36);\n    color: var(--orange);\n  }\n\n  /* Salud CTA */\n  .landing-page .salud {\n    height: 270px;\n    background:\n      linear-gradient(rgba(26,16,11,0.68), rgba(26,16,11,0.72)),\n      url(\"/landing/about/salud-bg.png\") center/cover no-repeat;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    text-align: center;\n  }\n  .landing-page .salud h2 {\n    color: white;\n    font-size: clamp(52px, 5.4vw, 78px);\n    line-height: 1;\n  }\n\n  /* About-specific responsive */\n  @media (max-width: 1100px) {\n    .landing-page .about-hero-grid,\n    .landing-page .story-grid,\n    .landing-page .free-grid {\n      gap: 48px;\n    }\n    .landing-page .about-hero h1 {\n      font-size: clamp(78px, 11vw, 130px);\n    }\n  }\n\n  @media (max-width: 900px) {\n    .landing-page .about-hero {\n      padding: 132px 0 64px;\n    }\n    .landing-page .about-hero-grid,\n    .landing-page .story-grid,\n    .landing-page .free-grid {\n      grid-template-columns: 1fr;\n    }\n    .landing-page .about-hero-img { height: 330px; }\n    .landing-page .story { padding: 78px 0 70px; }\n    .landing-page .brand-image,\n    .landing-page .free-image { height: 330px; }\n    .landing-page .story-copy { max-width: 100%; }\n    .landing-page .free-section { padding: 70px 0 80px; }\n    .landing-page .free-grid .free-copy { order: 1; }\n    .landing-page .free-grid .free-image { order: 2; }\n    .landing-page .next-section { padding-bottom: 84px; }\n  }\n\n  @media (max-width: 560px) {\n    .landing-page .about-hero {\n      padding-top: 118px;\n      min-height: auto;\n    }\n    .landing-page .about-hero h1 { font-size: 76px; }\n    .landing-page .about-hero-img,\n    .landing-page .brand-image,\n    .landing-page .free-image {\n      height: 260px;\n      border-radius: 24px;\n    }\n    .landing-page .quote-section { padding: 36px 0 40px; }\n    .landing-page .quote-text { font-size: 38px; }\n    .landing-page .story { padding-top: 66px; }\n    .landing-page .brand-title .main { font-size: 56px; }\n    .landing-page .brand-title .tag { font-size: 20px; }\n    .landing-page .story-copy h2,\n    .landing-page .free-copy h2,\n    .landing-page .next-card h2 { font-size: 44px; }\n    .landing-page p,\n    .landing-page .free-copy p { font-size: 16px; }\n    .landing-page .next-card {\n      border-radius: 30px;\n      padding: 44px 22px 46px;\n    }\n    .landing-page .pill {\n      font-size: 12px;\n      min-height: 38px;\n      padding: 0 16px;\n    }\n    .landing-page .salud { height: 230px; }\n  }\n"])</script>
610<script>self.__next_f.push([1,"0:{\"P\":null,\"c\":[\"\",\"about\"],\"q\":\"\",\"i\":false,\"f\":[[[\"\",{\"children\":[\"about\",{\"children\":[\"__PAGE__\",{}]}]},\"$undefined\",\"$undefined\",16],[[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/0d.xp1xfcgd_5.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/0ydkxyci3bafg.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/0_k62yrztifng.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/12bn.ymq6qkoo.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-2\",{\"src\":\"/_next/static/chunks/0d3shmwh5_nmn.js\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"html\",null,{\"lang\":\"en\",\"data-scroll-behavior\":\"smooth\",\"className\":\"inter_bc220a90-module__m5YftW__variable fraunces_cb49a3b4-module__LeHHTG__variable instrument_serif_1dd02c61-module__1FHk8G__variable jetbrains_mono_85d22c22-module__HuXS2q__variable h-full antialiased\",\"suppressHydrationWarning\":true,\"children\":[\"$\",\"body\",null,{\"className\":\"min-h-full flex flex-col\",\"suppressHydrationWarning\":true,\"children\":[\"$\",\"$L2\",null,{\"children\":[\"$\",\"$L3\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L4\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":{\"fontFamily\":\"system-ui,\\\"Segoe UI\\\",Roboto,Helvetica,Arial,sans-serif,\\\"Apple Color Emoji\\\",\\\"Segoe UI Emoji\\\"\",\"height\":\"100vh\",\"textAlign\":\"center\",\"display\":\"flex\",\"flexDirection\":\"column\",\"alignItems\":\"center\",\"justifyContent\":\"center\"},\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":{\"display\":\"inline-block\",\"margin\":\"0 20px 0 0\",\"padding\":\"0 23px 0 0\",\"fontSize\":24,\"fontWeight\":500,\"verticalAlign\":\"top\",\"lineHeight\":\"49px\"},\"children\":404}],[\"$\",\"div\",null,{\"style\":{\"display\":\"inline-block\"},\"children\":[\"$\",\"h2\",null,{\"style\":{\"fontSize\":14,\"fontWeight\":400,\"lineHeight\":\"49px\",\"margin\":0},\"children\":\"This page could not be found.\"}]}]]}]}]],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]}]}]}]]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L3\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L4\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[[\"$\",\"div\",null,{\"className\":\"landing-page\",\"children\":[[\"$\",\"style\",null,{\"children\":\"$5\"}],\"$L6\",\"$L7\",\"$L8\",\"$L9\",\"$La\",\"$Lb\",\"$Lc\",\"$Ld\",\"$Le\"]}],[\"$Lf\"],\"$L10\"]}],{},null,false,null]},null,false,\"$@11\"]},null,false,null],\"$L12\",false]],\"m\":\"$undefined\",\"G\":[\"$13\",[\"$L14\",\"$L15\"]],\"S\":true,\"h\":null,\"s\":\"$undefined\",\"l\":\"$undefined\",\"p\":\"$undefined\",\"d\":\"$undefined\",\"b\":\"6Da1ZfX28Yl4jdRsepjNP\"}\n"])</script>
610<script>self.__next_f.push([1,"16:I[34871,[\"/_next/static/chunks/0_k62yrztifng.js\",\"/_next/static/chunks/12bn.ymq6qkoo.js\",\"/_next/static/chunks/0d3shmwh5_nmn.js\",\"/_next/static/chunks/0qev5gd8jf4~k.js\"],\"HomeHeader\"]\n17:I[5500,[\"/_next/static/chunks/0_k62yrztifng.js\",\"/_next/static/chunks/12bn.ymq6qkoo.js\",\"/_next/static/chunks/0d3shmwh5_nmn.js\",\"/_next/static/chunks/0qev5gd8jf4~k.js\"],\"Image\"]\n18:I[22016,[\"/_next/static/chunks/0_k62yrztifng.js\",\"/_next/static/chunks/12bn.ymq6qkoo.js\",\"/_next/static/chunks/0d3shmwh5_nmn.js\",\"/_next/static/chunks/0qev5gd8jf4~k.js\"],\"\"]\n19:I[90619,[\"/_next/static/chunks/0_k62yrztifng.js\",\"/_next/static/chunks/12bn.ymq6qkoo.js\",\"/_next/static/chunks/0d3shmwh5_nmn.js\",\"/_next/static/chunks/0qev5gd8jf4~k.js\"],\"HomeReveal\"]\n1a:I[97367,[\"/_next/static/chunks/0_k62yrztifng.js\",\"/_next/static/chunks/12bn.ymq6qkoo.js\",\"/_next/static/chunks/0d3shmwh5_nmn.js\"],\"OutletBoundary\"]\n1b:\"$Sreact.suspense\"\n1e:I[97367,[\"/_next/static/chunks/0_k62yrztifng.js\",\"/_next/static/chunks/12bn.ymq6qkoo.js\",\"/_next/static/chunks/0d3shmwh5_nmn.js\"],\"ViewportBoundary\"]\n20:I[97367,[\"/_next/static/chunks/0_k62yrztifng.js\",\"/_next/static/chunks/12bn.ymq6qkoo.js\",\"/_next/static/chunks/0d3shmwh5_nmn.js\"],\"MetadataBoundary\"]\n6:[\"$\",\"$L16\",null,{}]\n7:[\"$\",\"section\",null,{\"className\":\"about-hero\",\"children\":[\"$\",\"div\",null,{\"className\":\"container about-hero-grid\",\"children\":[[\"$\",\"div\",null,{\"data-animate\":true,\"children\":[[\"$\",\"div\",null,{\"className\":\"eyebrow\",\"children\":\"About Sol Hour\"}],[\"$\",\"h1\",null,{\"children\":[\"A gift, not\",[\"$\",\"br\",null,{}],\"a product.\"]}]]}],[\"$\",\"div\",null,{\"className\":\"about-hero-img\",\"data-animate\":true,\"children\":[\"$\",\"$L17\",null,{\"src\":\"/landing/about/hero-living-room.png\",\"alt\":\"People gathered in a living room\",\"width\":620,\"height\":320,\"priority\":true}]}]]}]}]\n8:[\"$\",\"section\",null,{\"className\":\"quote-section\",\"children\":[\"$\",\"div\",null,{\"className\":\"container\",\"data-animate\":true,\"children\":[[\"$\",\"div\",null,{\"className\":\"quote-text\",\"children\":[\"“A great host shouldn’t have\",[\"$\",\"br\",null,{}],\"to babysit a playlist.”\"]}],[\"$\",\"div\",null,{\"className\":\"quote-author\",\"children\":\"— León Y Sol\"}]]}]}]\n9:[\"$\",\"section\",null,{\"className\":\"story\",\"children\":[\"$\",\"div\",null,{\"className\":\"container story-grid\",\"children\":[[\"$\",\"div\",null,{\"className\":\"brand-image\",\"data-animate\":true,\"children\":[[\"$\",\"$L17\",null,{\"src\":\"/landing/about/brand-hero.png\",\"alt\":\"Sol Hour brand\",\"width\":620,\"height\":450}],[\"$\",\"div\",null,{\"className\":\"brand-overlay\"}],[\"$\",\"div\",null,{\"className\":\"brand-title\",\"children\":[[\"$\",\"div\",null,{\"className\":\"small\",\"children\":\"León Y Sol\"}],[\"$\",\"div\",null,{\"className\":\"main\",\"children\":\"SOL HOUR\"}],[\"$\",\"div\",null,{\"className\":\"tag\",\"children\":\"The room they show up to.\"}]]}]]}],[\"$\",\"div\",null,{\"className\":\"story-copy\",\"data-animate\":true,\"children\":[[\"$\",\"div\",null,{\"className\":\"eyebrow\",\"children\":\"From the León Y Sol family\"}],[\"$\",\"h2\",null,{\"children\":[\"Same hands.\",[\"$\",\"br\",null,{}],\"Same soul.\",[\"$\",\"br\",null,{}],\"Same sun.\"]}]]}]]}]}]\na:[\"$\",\"section\",null,{\"className\":\"free-section\",\"children\":[\"$\",\"div\",null,{\"className\":\"container free-grid\",\"children\":[[\"$\",\"div\",null,{\"className\":\"free-copy\",\"data-animate\":true,\"children\":[[\"$\",\"div\",null,{\"className\":\"eyebrow\",\"children\":\"Why it’s free\"}],[\"$\",\"h2\",null,{\"children\":\"For living rooms. Not billboards.\"}],[\"$\",\"p\",null,{\"children\":\"Sol Hour stays free because it lives in small rooms, not on billboards. The music belongs to the people who showed up, not to an advertiser.\"}]]}],[\"$\",\"div\",null,{\"className\":\"free-image\",\"data-animate\":true,\"children\":[\"$\",\"$L17\",null,{\"src\":\"/landing/about/friends-food.png\",\"alt\":\"Friends enjoying food and music\",\"width\":620,\"height\"
610:450}]}]]}]}]\nb:[\"$\",\"section\",null,{\"className\":\"next-section\",\"children\":[\"$\",\"div\",null,{\"className\":\"container\",\"children\":[\"$\",\"div\",null,{\"className\":\"next-card\",\"data-animate\":true,\"children\":[[\"$\",\"div\",null,{\"className\":\"eyebrow\",\"children\":\"What’s next\"}],[\"$\",\"h2\",null,{\"children\":\"For people who show up.\"}],[\"$\",\"div\",null,{\"className\":\"pill-row\",\"children\":[["])</script>
610<script>self.__next_f.push([1,"\"$\",\"span\",\"Living rooms\",{\"className\":\"pill\",\"children\":\"Living rooms\"}],[\"$\",\"span\",\"Backyards\",{\"className\":\"pill\",\"children\":\"Backyards\"}],[\"$\",\"span\",\"Patios\",{\"className\":\"pill\",\"children\":\"Patios\"}],[\"$\",\"span\",\"Bars\",{\"className\":\"pill\",\"children\":\"Bars\"}],[\"$\",\"span\",\"Restaurants\",{\"className\":\"pill\",\"children\":\"Restaurants\"}],[\"$\",\"span\",\"Anywhere with people who show up\",{\"className\":\"pill\",\"children\":\"Anywhere with people who show up\"}]]}]]}]}]}]\nc:[\"$\",\"section\",null,{\"className\":\"salud\",\"children\":[\"$\",\"div\",null,{\"data-animate\":true,\"children\":[\"$\",\"h2\",null,{\"children\":\"Salud.\"}]}]}]\n"])</script>
610<script>self.__next_f.push([1,"d:[\"$\",\"footer\",null,{\"className\":\"footer\",\"children\":[\"$\",\"div\",null,{\"className\":\"container footer-inner\",\"children\":[[\"$\",\"$L18\",null,{\"href\":\"/\",\"aria-label\":\"Sol Hour home\",\"children\":[\"$\",\"$L17\",null,{\"src\":\"/logos/sol-hour-orange-v3-clean.png\",\"alt\":\"Sol Hour\",\"width\":1024,\"height\":386,\"className\":\"footer-logo\"}]}],[\"$\",\"nav\",null,{\"className\":\"footer-links\",\"aria-label\":\"Footer\",\"children\":[[\"$\",\"$L18\",\"About\",{\"href\":\"/about\",\"children\":\"About\"}],[\"$\",\"$L18\",\"How It Works\",{\"href\":\"/how-it-works\",\"children\":\"How It Works\"}],[\"$\",\"a\",\"For Venues\",{\"href\":\"https://leonysol.com/pages/sol-hour\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"children\":\"For Venues\"}],[\"$\",\"$L18\",\"Terms\",{\"href\":\"/terms\",\"children\":\"Terms\"}],[\"$\",\"$L18\",\"Privacy\",{\"href\":\"/privacy\",\"children\":\"Privacy\"}]]}],[\"$\",\"div\",null,{\"className\":\"footer-icons\",\"children\":[[\"$\",\"a\",\"Instagram\",{\"href\":\"https://www.instagram.com/leonysoltequila/\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"aria-label\":\"Instagram\",\"children\":[\"$\",\"svg\",null,{\"width\":\"22\",\"height\":\"22\",\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":\"1.9\",\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"aria-hidden\":true,\"children\":[[\"$\",\"rect\",null,{\"x\":\"3\",\"y\":\"3\",\"width\":\"18\",\"height\":\"18\",\"rx\":\"5\"}],[\"$\",\"circle\",null,{\"cx\":\"12\",\"cy\":\"12\",\"r\":\"4\"}],[\"$\",\"circle\",null,{\"cx\":\"17.5\",\"cy\":\"6.5\",\"r\":\"1\",\"fill\":\"currentColor\",\"stroke\":\"none\"}]]}]}],[\"$\",\"a\",\"Music\",{\"href\":\"https://music.apple.com\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"aria-label\":\"Music\",\"children\":[\"$\",\"svg\",null,{\"width\":\"22\",\"height\":\"22\",\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":\"1.9\",\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"aria-hidden\":true,\"children\":[[\"$\",\"path\",null,{\"d\":\"M9 18V5l12-2v13\"}],[\"$\",\"circle\",null,{\"cx\":\"6\",\"cy\":\"18\",\"r\":\"3\"}],[\"$\",\"circle\",null,{\"cx\":\"18\",\"cy\":\"16\",\"r\":\"3\"}]]}]}],[\"$\",\"a\",\"Hours\",{\"href\":\"/how-it-works\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"aria-label\":\"Hours\",\"children\":[\"$\",\"svg\",null,{\"width\":\"22\",\"height\":\"22\",\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":\"1.9\",\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"aria-hidden\":true,\"children\":[[\"$\",\"circle\",null,{\"cx\":\"12\",\"cy\":\"12\",\"r\":\"9\"}],[\"$\",\"polyline\",null,{\"points\":\"12 7 12 12 15.5 14\"}]]}]}]]}]]}]}]\n"])</script>
610<script>self.__next_f.push([1,"e:[\"$\",\"$L19\",null,{}]\nf:[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/0qev5gd8jf4~k.js\",\"async\":true,\"nonce\":\"$undefined\"}]\n10:[\"$\",\"$L1a\",null,{\"children\":[\"$\",\"$1b\",null,{\"name\":\"Next.MetadataOutlet\",\"children\":\"$@1c\"}]}]\n1d:[]\n11:\"$W1d\"\n12:[\"$\",\"$1\",\"h\",{\"children\":[null,[\"$\",\"$L1e\",null,{\"children\":\"$L1f\"}],[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$L20\",null,{\"children\":[\"$\",\"$1b\",null,{\"name\":\"Next.Metadata\",\"children\":\"$L21\"}]}]}],[\"$\",\"meta\",null,{\"name\":\"next-size-adjust\",\"content\":\"\"}]]}]\n14:[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/0d.xp1xfcgd_5.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]\n15:[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/0ydkxyci3bafg.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]\n"])</script>
610<script>self.__next_f.push([1,"1f:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}]]\n"])</script>
610<script>self.__next_f.push([1,"22:I[27201,[\"/_next/static/chunks/0_k62yrztifng.js\",\"/_next/static/chunks/12bn.ymq6qkoo.js\",\"/_next/static/chunks/0d3shmwh5_nmn.js\"],\"IconMark\"]\n1c:null\n21:[[\"$\",\"title\",\"0\",{\"children\":\"About · Sol Hour\"}],[\"$\",\"meta\",\"1\",{\"name\":\"description\",\"content\":\"Sol Hour is a gift, not a product — from the León Y Sol family. A great host shouldn't have to babysit a playlist.\"}],[\"$\",\"link\",\"2\",{\"rel\":\"icon\",\"href\":\"/favicon.ico?favicon.0ochudwmquamc.ico\",\"sizes\":\"32x32\",\"type\":\"image/x-icon\"}],[\"$\",\"link\",\"3\",{\"rel\":\"icon\",\"href\":\"/favicon-sol-32.png\",\"sizes\":\"32x32\",\"type\":\"image/png\"}],[\"$\",\"link\",\"4\",{\"rel\":\"icon\",\"href\":\"/favicon-sol.png\",\"sizes\":\"512x512\",\"type\":\"image/png\"}],[\"$\",\"link\",\"5\",{\"rel\":\"apple-touch-icon\",\"href\":\"/apple-icon.png\"}],[\"$\",\"$L22\",\"6\",{}]]\n"])</script>
610</body></html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.