Origin: bigger film, 1.5x + calm female narration (no music), remove ticker + photo, center columns

This commit is contained in:
Daniel
2026-07-28 16:01:32 -07:00
parent 2232d9f9d0
commit 62fdd4cbbf
2 changed files with 18 additions and 22 deletions
Binary file not shown.
+18 -22
View File
@@ -302,7 +302,7 @@ button { font-family: inherit; cursor: pointer; border: none; background: none;
.hero-film { padding: 46px 0 26px; } .hero-film { padding: 46px 0 26px; }
.hero-film-inner { .hero-film-inner {
position: relative; position: relative;
width: min(1400px, 95vw); width: min(1360px, 94vw);
margin: 0 auto; margin: 0 auto;
aspect-ratio: 16 / 9; aspect-ratio: 16 / 9;
border-radius: 10px; border-radius: 10px;
@@ -333,7 +333,6 @@ button { font-family: inherit; cursor: pointer; border: none; background: none;
} }
.story-detail { .story-detail {
display: flex; gap: 40px; display: flex; gap: 40px;
justify-content: center; text-align: center;
margin-top: 32px; padding-top: 24px; margin-top: 32px; padding-top: 24px;
border-top: 1px solid var(--line); border-top: 1px solid var(--line);
} }
@@ -349,6 +348,22 @@ button { font-family: inherit; cursor: pointer; border: none; background: none;
font-size: 1.3rem; font-size: 1.3rem;
font-weight: 700; font-weight: 700;
} }
/* Solo story layout (photo removed): single centered column */
.story-grid--solo {
grid-template-columns: 1fr;
justify-items: center;
text-align: center;
max-width: 760px;
margin: 0 auto;
}
.story-grid--solo .story-text { display: flex; flex-direction: column; align-items: center; }
.story-grid--solo .story-text p { max-width: 620px; }
.story-grid--solo .story-detail {
justify-content: center;
flex-wrap: wrap;
gap: 56px;
}
.story-grid--solo .story-detail > div { text-align: center; }
/* === PRODUCTS === */ /* === PRODUCTS === */
.products { .products {
@@ -766,29 +781,10 @@ footer {
</div> </div>
</section> </section>
<!-- TICKER -->
<div class="ticker">
<div class="ticker-track">
<span class="ticker-item">Single Origin <span class="dot">·</span></span>
<span class="ticker-item">Antigua, Guatemala <span class="dot">·</span></span>
<span class="ticker-item">5,000 ft · 1,524 m Elevation <span class="dot">·</span></span>
<span class="ticker-item">Small Batch Roasted <span class="dot">·</span></span>
<span class="ticker-item">Free Shipping <span class="dot">·</span></span>
<span class="ticker-item">Subscribe & Save <span class="dot">·</span></span>
<span class="ticker-item">Single Origin <span class="dot">·</span></span>
<span class="ticker-item">Antigua, Guatemala <span class="dot">·</span></span>
<span class="ticker-item">5,000 ft · 1,524 m Elevation <span class="dot">·</span></span>
<span class="ticker-item">Small Batch Roasted <span class="dot">·</span></span>
<span class="ticker-item">Free Shipping <span class="dot">·</span></span>
<span class="ticker-item">Subscribe & Save <span class="dot">·</span></span>
</div>
</div>
<!-- STORY --> <!-- STORY -->
<section class="story" id="story"> <section class="story" id="story">
<div class="container"> <div class="container">
<div class="story-grid"> <div class="story-grid story-grid--solo">
<div class="story-visual reveal" style="background-image: url('assets/farm/origin-plants.webp'); background-size: cover; background-position: center;"></div>
<div class="story-text reveal"> <div class="story-text reveal">
<span class="eyebrow">The Origin</span> <span class="eyebrow">The Origin</span>
<h2>Grown in the shadow of <em>three volcanoes</em></h2> <h2>Grown in the shadow of <em>three volcanoes</em></h2>