.introduction--editorial { grid-template-columns: 1.2fr .8fr; gap: 55px 9%; }
.intro-heading { grid-column: 1 / -1; max-width: 1000px; }
.intro-heading .section-title { margin-bottom: 0; font-size: clamp(36px,4.4vw,64px); }
.intro-heading .section-title em { color: var(--wine); }
.intro-scene { position: relative; isolation: isolate; min-width: 0; margin: 0 25px 45px 0; }
.intro-scene .introduction__image { margin: 0; overflow: hidden; }
.intro-scene .introduction__image img { width: 100%; height: auto; aspect-ratio: 1.15; object-fit: cover; border: 0; }
.intro-scene__sample { position: absolute; z-index: 2; right: -28px; bottom: -38px; width: 29%; padding: 8px; background: var(--paper); box-shadow: 0 18px 42px #34281924; transform: rotate(-7deg); pointer-events: none; }
.intro-scene__sample img { width: 100%; height: auto; aspect-ratio: .85; object-fit: cover; }
.intro-scene__outline { position: absolute; z-index: -1; inset: 25px -22px -25px 28px; border: 1px solid #ac8a4e; pointer-events: none; }
.intro-founded { margin-bottom: 30px; padding-bottom: 28px; border-bottom: 1px solid var(--line); }
.intro-founded h3 { margin:0; font-size:clamp(28px,3vw,42px); line-height:1.25; letter-spacing:-.04em; }
.intro-founded h3 em { color:var(--wine); font-style:normal; }
.introduction--editorial .introduction__copy { align-self: center; }
.about-opening { display: grid; grid-template-columns: .8fr 1.2fr; gap: 9%; padding: 30px 0 80px; }
.about-opening h2 { margin: 0; font-size: clamp(27px,3vw,44px); line-height: 1.3; letter-spacing: -.04em; }
.about-opening p { margin: 0 0 22px; font-size: 17px; line-height: 1.9; color: var(--muted); }
.about-capacity { position: relative; isolation: isolate; overflow: hidden; padding: 65px; background: var(--surface-dark); color: var(--paper); }
.about-capacity::before { content:''; position:absolute; z-index:-1; inset:0; background:url('../../uploads/marble-texture.jpg') center / cover; opacity:.13; }
.about-capacity .section-label { color: #e0bf78; }
.about-capacity h2 { margin: 0 0 45px; font-size: clamp(30px,3.6vw,50px); letter-spacing: -.04em; line-height: 1.25; max-width: 700px; }
.about-values { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:35px; }
.about-value { padding-top:25px; border-top:1px solid #d7bf884d; }
.about-value h3 { margin:0 0 16px; color:#e0bf78; font-size:22px; line-height:1.4; letter-spacing:-.025em; }
.about-value p { margin:0; color:var(--paper); font-size:16px; line-height:1.85; }
.about-capacity__note { margin:32px 0 0; color:#ddd7ca; font-size:15px; line-height:1.8; }
.about-history { padding:90px 0 35px; }
.about-history > h2 { margin:0 0 40px; font-size:clamp(32px,3.5vw,48px); letter-spacing:-.04em; line-height:1.25; }
.history-entry { display:grid; grid-template-columns:170px 1fr; gap:45px; padding:35px 0; border-top:1px solid var(--line); }
.history-entry > span { color:var(--wine); font-size:45px; font-weight:700; letter-spacing:-.06em; line-height:1.25; }
.history-entry h3 { margin:0 0 16px; font-size:25px; letter-spacing:-.035em; line-height:1.4; }
.history-entry p { max-width:800px; margin:0; font-size:17px; line-height:1.9; color:var(--muted); }
.about-outlook { display:grid; grid-template-columns:1fr 1fr; gap:8%; padding:45px 0 25px; border-top:1px solid var(--line); }
.about-outlook h2 { margin:0 0 20px; font-size:29px; line-height:1.35; letter-spacing:-.035em; }
.about-outlook p { font-size:17px; line-height:1.9; color:var(--muted); }
@media(prefers-reduced-motion:no-preference){
 .intro-scene .introduction__image img { transform:translateY(var(--intro-shift,0px)) scale(1.09); transition:transform .18s linear; }
 .intro-scene__sample { transform:translateY(var(--sample-shift,0px)) rotate(-7deg); transition:transform .18s linear; }
}
@media(max-width:1000px){
 .introduction--editorial { gap:40px 7%; }
 .about-capacity { padding:40px; }
 .about-values { grid-template-columns:1fr; gap:28px; }
}
@media(max-width:800px){
 .introduction--editorial { grid-template-columns:1fr; gap:35px; }
 .intro-heading { grid-column:auto; }
 .intro-scene { margin-right:25px; margin-bottom:45px; }
 .intro-scene .introduction__image { max-width:none; }
 .intro-scene .introduction__image img { aspect-ratio:1.25; }
 .about-opening,.about-outlook { grid-template-columns:1fr; gap:25px; }
 .history-entry { grid-template-columns:110px 1fr; gap:25px; }
}
@media(max-width:500px){
 .intro-heading .section-title { font-size:34px; }
 .intro-founded h3 { font-size:30px; }
 .about-capacity { padding:30px 24px; }
 .about-values { gap:25px; }
 .about-value h3 { font-size:21px; }
 .about-value p { font-size:15px; }
 .history-entry { grid-template-columns:1fr; gap:15px; }
 .about-history { padding-top:65px; }
}