/* Live edition refinement: retain the wheat/field relationship and existing fonts.
   Utility feedback is brief; narrative movement remains scroll-owned. */
:root{--olive:#627647;--muted:#52614e;--ui-ease:cubic-bezier(.23,1,.32,1)}
html,body,*{scrollbar-width:none}
*::-webkit-scrollbar{display:none}
::selection{background:#eac46a;color:#173527}
:focus-visible{outline:2px solid #b68224;outline-offset:5px}
button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}
input,textarea{caret-color:var(--gold)}
.nav,.hero-nav .nav:not(.open){top:14px;left:3%;width:94%;padding:12px 24px;border-radius:14px;min-height:72px;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;transition:background .2s var(--ui-ease),color .2s var(--ui-ease),border-color .2s var(--ui-ease)}
.nav{background:#f7f7ecf5;border:1px solid #d8ddcd}
.hero-nav .nav:not(.open){background:#153428c9;border:1px solid #d5dec43d;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
.nav .nav-cta{min-height:44px;padding:12px 19px;font-size:13px}
.hero-nav .nav:not(.open) .nav-cta{background:#f1cc76;color:#193a29;border-color:transparent;box-shadow:none}
.nav .language-switch a{color:#40543b;opacity:1}
.hero-nav .nav:not(.open) .language-switch a{color:#fff9e8}
.nav-dropdown>div{backdrop-filter:none;background:#f7f7ec;transform-origin:20px 0}
.nav-dropdown[open]>div{animation:menu-arrive .18s var(--ui-ease)}
@keyframes menu-arrive{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
.button,.product-tabs button,.journey-art-controls button{transition:background-color .18s var(--ui-ease),color .18s var(--ui-ease),border-color .18s var(--ui-ease)}
.button:active,.product-tabs button:active,.journey-art-controls button:active{scale:.98}
.grain-home #wheat-canvas canvas{filter:none!important}
.grain-home .hero-copy h1{letter-spacing:-.04em;line-height:1.035}
.grain-home .hero-copy h1 em{color:#efc66b}
.grain-home .hero-copy p{color:#fff7df;max-width:37ch}
.grain-home .hero-origin{letter-spacing:.12em;color:#f0d8a0}
.grain-home .wheat-label{background:none;border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;padding:0;right:7%;bottom:12%;max-width:230px}
.grain-home .wheat-label .tiny{display:none}
.grain-home .wheat-label strong{font-size:18px;font-weight:400;max-width:19ch;color:#fff4d6}
.grain-home .hero-bottom,.grain-home .scroll-track{display:none}
.grain-home .harvest-caption{max-width:40%;letter-spacing:-.035em}
.grain-home .harvest-caption .motion-letter-word{white-space:nowrap}
.section h2,.page-heading h1,.detail-page h2{letter-spacing:-.035em}
.section h2 em,.detail-page h1 em,.detail-page h2 em{color:#607847}
.contact h2 em,.page-cta h2 em{color:var(--gold)}
.intro .section-top .muted{display:none}
.product-visual{border-radius:12px}
.product-visual .product-tag{display:none}
.product-detail h3{line-height:1.18;letter-spacing:-.025em}
.product-tabs button{min-height:56px}
:root .chips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px;margin:24px 0}
:root .chips a{display:flex;align-items:center;font-size:14px;padding:13px 0;min-height:50px;border:0;border-bottom:1px solid #a9b598;border-radius:0;line-height:1.4;background:transparent;color:var(--forest);justify-content:space-between;gap:12px;touch-action:manipulation;text-decoration:none;transition:color .18s var(--ui-ease),border-color .18s var(--ui-ease)}
:root .chips a::after{content:'';width:14px;height:14px;flex:0 0 14px;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 8h10M9 4l4 4-4 4' fill='none' stroke='black' stroke-width='1.4'/%3E%3C/svg%3E") center/contain no-repeat}
:root .chips a:is(:hover,:focus-visible,:active){background:transparent;color:#647a42;border-color:#647a42}
@media(prefers-reduced-motion:reduce){:root .chips a{transition:none}}
.page-heading{padding-top:155px;padding-bottom:48px}
.page-heading h1{margin:20px 0;max-width:1100px}
.page-heading>p{max-width:66ch;font-size:18px}
.catalog-card>div,.journal-card img,.product-photo,.wide-photo,.article-photo{border-radius:12px}
.catalog-card h3{font-size:28px;font-weight:500;margin-top:13px}
.catalog-card p{font-size:13px;color:#52614e}
.catalog-card>.eyebrow{display:none}
.catalog-card img,.journal-card img{transition:transform .24s var(--ui-ease);scale:1;filter:none}
.catalog-card:hover img{transform:none}
.spec-block{border-radius:12px;box-shadow:none;background:#f8f8ef}
.specifications th,.specifications td{font-variant-numeric:tabular-nums}
.service-list details{transition:background-color .18s var(--ui-ease)}
.service-list summary b{transition:transform .18s var(--ui-ease)}
.service-list details[open] summary b{transform:rotate(45deg)}
.journey-center{display:grid}
.journey-center>div{grid-area:1/1}
.journey-center h2{letter-spacing:-.035em}
@media(hover:hover) and (pointer:fine){
 .catalog-card:hover img,.journal-card:hover img{transform:scale(1.025)}
 .catalog-card:hover h3,.journal-card:hover h2{color:#627647}
}
@media(min-width:901px){
 .grain-home .hero-copy{width:57%;max-width:760px}
 .grain-home .hero-copy h1{font-size:clamp(3.8rem,5.65vw,6.5rem)}
}
@media(max-width:900px){
 .nav,.hero-nav .nav:not(.open){top:8px;left:3%;width:94%;padding:12px 18px;min-height:64px;border-radius:12px}
 .nav.open{background:#f7f7ec;color:#193a29}
 .nav nav{background:#f7f7ec;color:#193a29}
 .nav-dropdown>div{background:#e9eddf}
}
@media(max-width:600px){
 .grain-home .hero-copy h1{font-size:clamp(2.8rem,11.5vw,4.2rem)}
 .grain-home .hero-copy{top:17%}
 .grain-home .harvest-caption{max-width:90%;font-size:clamp(2.3rem,9vw,3.6rem)}
 .page-heading{padding-top:120px;padding-bottom:32px}
 .page-heading h1{font-size:clamp(2.4rem,10.5vw,3rem)}
 .page-heading>p{font-size:16px}
 :root .catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 14px}
 :root .catalog-card>div{height:auto;aspect-ratio:4/5}
 :root .catalog-card h3{font-size:20px;letter-spacing:-.025em;overflow-wrap:normal}
 .catalog-card h3 span{font-size:17px}
 .catalog-card p{font-size:12px;line-height:1.5}
 .chips a{font-size:13px;padding:9px 11px}
}
@media(prefers-reduced-motion:reduce){
 .nav-dropdown[open]>div{animation:none}
 .button:active,.product-tabs button:active,.journey-art-controls button:active{scale:1}
 .catalog-card:hover img,.journal-card:hover img{transform:none}
 .grain-home .hero-copy h1{font-size:clamp(2.8rem,5.65vw,6.5rem)}
}

.nav .language-switch a[aria-current]{color:#fff9e8}


.grain-home .harvest-caption em{color:#607847}

/* Display the actual model on its first rendered frame; photo is failure-only. */
.model-pending #wheat-canvas{opacity:0}
#wheat-canvas{transition:opacity .18s var(--ui-ease)}
@media(prefers-reduced-motion:reduce){#wheat-canvas{transition:none}}

/* Phone composition: useful width for copy, stable viewport, compact controls. */
@media(max-width:767px) and (orientation:portrait){
 :root .grain-home .harvest-story{height:245svh}
 :root .grain-home .hero-copy{top:104px;left:var(--mobile-gutter);right:var(--mobile-gutter);width:auto;max-width:none}
 :root .grain-home .hero-origin{font-size:10px;max-width:29ch;margin-bottom:18px;letter-spacing:.07em}
 :root .grain-home .hero-copy h1{font-size:clamp(2.5rem,10.5vw,3.5rem);line-height:1.04;max-width:11ch;margin:0 0 20px}
 :root .grain-home .hero-copy p{max-width:30ch;font-size:16px;line-height:1.55}
 :root .grain-home .hero-actions{margin-top:20px;gap:8px}
 :root .grain-home .hero-actions .button{min-height:48px}
 :root .grain-home .hero-shade{background:linear-gradient(90deg,#112b21f5,#163523cf 65%,#21391e50),linear-gradient(0deg,#112b21d9,transparent 65%)}
 :root .grain-home .story-copy{width:calc(100% - var(--mobile-gutter)*2);right:var(--mobile-gutter);top:105px}
 :root .grain-home .story-copy h2{font-size:clamp(1.9rem,8vw,2.6rem);max-width:17ch}
 :root .grain-home .story-copy p{max-width:34ch;line-height:1.6}
 :root .grain-home .harvest-caption{top:18%;width:72%;font-size:clamp(2rem,8vw,2.8rem)}
 :root .grain-home .hero-film{display:none}
 :root .grain-home .hero-glow{mix-blend-mode:normal}
 :root .section{padding:48px var(--mobile-gutter)}
 :root .section h2{font-size:clamp(2rem,8vw,2.7rem);line-height:1.13}
 :root .product-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible;padding:4px;gap:3px;background:#dfe5d2;border-radius:10px;border:1px solid #cbd3bc}
 :root .product-tabs button{width:100%;min-width:0;white-space:normal;min-height:60px;border-radius:7px;padding:10px 7px;font-size:13px;line-height:1.35;border:0;text-align:center;justify-content:center;background:transparent}
 :root .product-tabs button.active,:root .product-tabs button[aria-selected="true"]{background:#193c2b;color:#fff9e8}
 :root .product-tabs button span{display:none}
 :root .product-panel{padding:0;border:0;border-radius:0;background:none;box-shadow:none;gap:20px}
 :root .product-visual{aspect-ratio:4/3}

 :root .generative-journey{height:240svh}
 :root .journey-center{inset:135px var(--mobile-gutter) 116px}
 :root .journey-center p{line-height:1.55;margin:18px auto 8px}
 :root .journey-bottomline{bottom:35px}
 :root .journey-scroll-hint{display:none}
 :root .journey-particles{mask-image:none;-webkit-mask-image:none;opacity:.55}
 :root .nav,:root .hero-nav .nav:not(.open){backdrop-filter:none;-webkit-backdrop-filter:none}
 :root .contact-email{overflow-wrap:anywhere}
}
@media(max-width:767px) and (max-height:700px) and (orientation:portrait){
 :root .grain-home .hero-copy{top:94px}
 :root .grain-home .hero-origin{display:none}
 :root .grain-home .hero-copy h1{font-size:2.3rem;margin-bottom:16px}
 :root .grain-home .hero-copy p{font-size:15px;max-width:29ch}
 :root .grain-home .hero-actions{margin-top:16px}
 :root .grain-home .story-copy{top:94px}
 :root .grain-home .story-copy h2{font-size:1.9rem;margin:12px 0}
 :root .grain-home .story-copy p{font-size:15px;line-height:1.5}
 :root .journey-center{inset:116px var(--mobile-gutter) 100px}
 :root .journey-center h2{font-size:1.8rem}
 :root .journey-center p{font-size:15px;line-height:1.5}
}
@media(max-width:767px) and (prefers-reduced-motion:reduce){
 :root .grain-home .harvest-story,:root .generative-journey{height:auto}
}