Origin: bigger film, 1.5x + calm female narration (no music), remove ticker + photo, center columns
This commit is contained in:
Binary file not shown.
+18
-22
@@ -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>
|
||||||
|
|||||||
Reference in New Issue
Block a user