/* The opening uses the same type, cream surfaces and forest/gold palette as the site. */
.liquid-glass{position:relative;background:#fff9e708;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid #fff5;box-shadow:inset 0 1px #fff2,0 12px 40px #05170f12}
.grain-home .harvest-stage{background:#ecebdd;isolation:isolate}
.grain-home .landscape{inset:0;transform:scale(1.025);background-position:center}
.grain-home .hero-film{object-position:center;opacity:0;transition:opacity .5s ease}
.grain-home .hero-film.is-loaded{opacity:1}
.grain-home .hero-shade{background:linear-gradient(90deg,#102a20ed 0%,#19382ba8 40%,#26391b35 75%,#152d2175),linear-gradient(0deg,#122b21d9,transparent 45%,#152d2150)}
.hero-glow{position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse at 74% 42%,#e3b96630,transparent 37%);mix-blend-mode:screen}
.grain-home .hero-copy{top:23%;left:6.5%;right:auto;width:58%;max-width:840px}
.hero-origin{display:flex;align-items:center;gap:16px;color:#f1d99a;font:500 12px/1.6 var(--body);letter-spacing:.13em;text-transform:uppercase;margin-bottom:25px;max-width:540px}
.hero-origin:before{content:'';width:36px;height:1px;background:#d4af67;flex-shrink:0}
.grain-home .hero-copy h1{font-family:var(--display);font-weight:500;font-size:clamp(4rem,6.25vw,6.8rem);line-height:1.02;letter-spacing:-.055em;word-spacing:0;margin:0 0 28px;text-wrap:initial}
.grain-home .hero-copy h1 em{display:block;font:inherit;font-size:1.08em;line-height:1.02;color:var(--gold);letter-spacing:inherit;margin:0}
.hero-copy .word-clip{padding:.06em .03em .14em;margin:-.06em -.03em -.14em}
.grain-home .hero-copy p{font-size:16px;line-height:1.75;max-width:425px;color:#f5f0dfe6}
.grain-home .hero-actions{gap:26px;margin-top:30px}
.grain-home .hero-actions .button{background:var(--gold);color:var(--forest);min-height:54px;font-size:14px;padding:16px 25px;border-color:#f2d38a}
.hero-actions .text-link{color:#fff8df;font-size:14px;border-bottom-color:#e9d59666}
.grain-home .wheat-label{position:absolute;background:#24372335;border-radius:20px;right:6.5%;bottom:16%;padding:18px 22px;max-width:275px}
.grain-home .wheat-label .tiny{font:500 11px/1.5 var(--body);letter-spacing:.12em;color:#eccc88}
.grain-home .wheat-label strong{font:500 21px/1.3 var(--display);letter-spacing:-.025em;margin:8px 0 0}
.grain-home .wheat-label>span:last-child{display:none}
.hero-bottom .hero-market{max-width:230px;color:#eee4c3c4;font-size:11px;line-height:1.7;letter-spacing:.08em;text-transform:uppercase}
.grain-home .hero-bottom{left:6.5%;right:6.5%;bottom:28px;align-items:end}
.hero-bottom a{font-size:10px;letter-spacing:.12em;border-bottom:1px solid #e7cd8538;padding-bottom:8px}
.hero-bottom .story-counter{font-size:12px;letter-spacing:.12em;opacity:.75}
.grain-home .harvest-caption{font:500 clamp(2.7rem,4.4vw,4.8rem)/1.09 var(--display);letter-spacing:-.045em;top:24%;max-width:48%}
.grain-home .harvest-caption em{font:inherit;color:#7d8d57}
.grain-home .story-copy h2{font:500 clamp(2.7rem,4vw,4.4rem)/1.08 var(--display);letter-spacing:-.045em}
.grain-home #wheat-canvas.scene-fallback{background-image:none}
/* A narrow gold edge surrounds the silhouette; the model itself stays unblurred. */
.grain-home #wheat-canvas canvas,.grain-home .wheat-poster{filter:drop-shadow(0 0 1.25px #ffd17c70)}
.wheat-poster{display:none;position:absolute;height:112%;width:auto;max-width:none;left:var(--wheat-x,76%);top:50%;transform:translate(-50%,-50%) rotate(var(--wheat-tilt,-5deg));pointer-events:none}
.scene-fallback .wheat-poster{display:block}
@media(min-width:1650px){.grain-home .hero-copy{left:9%;top:23%}.grain-home .hero-copy h1{font-size:7rem}}
@media(max-height:820px) and (min-width:901px){.grain-home .hero-copy{top:22%}.grain-home .hero-copy h1{font-size:clamp(3.4rem,5.3vw,5.4rem)}.hero-origin{margin-bottom:18px}.grain-home .hero-actions{margin-top:23px}.grain-home .wheat-label{bottom:13%}}
@media(max-width:1100px){.grain-home .hero-copy{left:6.5%;width:60%}}
@media(max-width:900px){.grain-home .hero-copy{top:23%;width:64%;max-width:none}.grain-home .hero-copy h1{font-size:clamp(3.5rem,6.8vw,4.8rem)}.grain-home .hero-copy p{max-width:330px}.hero-origin{font-size:11px;gap:12px}.hero-origin:before{width:24px}.grain-home .wheat-label{right:5%;max-width:220px}.grain-home .wheat-label strong{font-size:19px}}
@media(max-width:600px){
 .grain-home .harvest-stage{min-height:760px}.grain-home .hero-copy{top:18%;left:7%;right:7%;width:auto;max-width:none}
 .hero-origin{font-size:11px;letter-spacing:.1em;margin-bottom:24px;max-width:280px;gap:10px}.hero-origin:before{width:20px}
 .grain-home .hero-copy h1{font-size:clamp(2.85rem,11.5vw,4.3rem);line-height:1.04;max-width:100%;letter-spacing:-.055em}.grain-home .hero-copy h1 em{font-size:1.08em}
 .grain-home .hero-copy p{font-size:16px;line-height:1.65;max-width:260px;margin-top:24px}
 .grain-home .hero-actions{gap:16px;margin-top:25px;align-items:flex-start;flex-direction:column}.grain-home .hero-actions .button{font-size:14px;padding:14px 21px;min-height:50px}.hero-actions .text-link{font-size:14px}
 .grain-home .hero-shade{background:linear-gradient(90deg,#112b21f0,#21391e65 85%),linear-gradient(0deg,#112b21eb,transparent 45%,#102b2260)}
 .grain-home .hero-film{object-position:60% center}.grain-home .wheat-label{display:none}
 .grain-home .hero-bottom{left:7%;right:7%;bottom:24px}.hero-bottom .hero-market,.grain-home .story-counter{display:none}
 .grain-home .hero-bottom a{font-size:10px;gap:16px}
 .grain-home .harvest-caption{top:18%;font-size:clamp(2.5rem,9.3vw,3.7rem);max-width:86%;line-height:1.1}
 .grain-home .story-copy h2{font-size:clamp(2.5rem,9.5vw,3.8rem)}
 .wheat-poster{height:103%;top:67%;left:var(--wheat-x,84%)}
}
@media(max-width:360px){.grain-home .hero-copy{top:17%}.grain-home .hero-copy h1{font-size:2.75rem}.grain-home .hero-copy p{max-width:232px;font-size:15px}.hero-origin{font-size:10px}.grain-home .hero-actions{gap:12px}}
@media(prefers-reduced-motion:reduce){.grain-home .hero-copy{top:145px}.grain-home .hero-film{display:none}.grain-home .hero-copy h1{font-size:clamp(2.75rem,6.25vw,6.8rem)}.grain-home .story-copy{top:880px}}
@media(prefers-reduced-motion:reduce) and (max-width:600px){.grain-home .harvest-stage{min-height:1550px}}

/* Reserve a clear area below both navigation surfaces for the botanical awns. */
.grain-home #wheat-canvas{top:108px;bottom:0;height:auto}
.grain-home .wheat-poster{height:100%;top:54%}
@media(max-width:600px){.grain-home #wheat-canvas{top:88px}.grain-home .wheat-poster{height:100%;top:67%}}

/* Avoid a full-viewport filter pass over the continuously rendered mobile canvas. */
@media(pointer:coarse){.grain-home #wheat-canvas canvas{filter:none!important}.grain-home .nav{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}}
