/* Etap 2 — cel, dwustopniowy system uprawy i monitoring. */
.skip-link:not(:focus){clip-path:inset(50%);width:1px;height:1px;overflow:hidden;padding:0;white-space:nowrap}
.harvest,.monitoring{padding-block:88px 100px}
.harvest{border-top:1px solid var(--line)}
.harvest-editorial{padding-block:72px 96px}
.harvest-eyebrow{margin:0 0 34px;letter-spacing:.12em}
.harvest-layout{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,1fr);gap:72px 88px;align-items:start}
.harvest-photo{margin:0}
.harvest-photo-frame{position:relative}
.harvest-photo-frame:before{content:'';position:absolute;top:18px;bottom:-16px;left:-16px;right:20px;background:var(--yellow);z-index:-1}
.harvest-photo-frame img{width:100%;height:520px;object-fit:cover;object-position:center 42%;clip-path:polygon(0 0,calc(100% - 32px) 0,calc(100% - 32px) 32px,100% 32px,100% 100%,0 100%)}
.harvest figcaption,.growing figcaption,.monitoring figcaption{display:flex;justify-content:space-between;gap:16px;padding-top:18px;font-size:13px;line-height:1.55;text-align:left;color:var(--muted)}
.harvest-copy h2{font-size:clamp(40px,4.5vw,58px);line-height:1.04;margin:0 0 30px;max-width:520px}
.harvest-intro{margin-bottom:8px}
.harvest-copy p{font-size:18px}
.harvest-copy .section-lead{font-size:26px;line-height:1.4;letter-spacing:-.025em;font-weight:550;margin:0 0 22px;max-width:540px}
.harvest-intro>p:last-child{margin:0;max-width:540px}
.harvest-goals{margin-top:6px}
.harvest-goal{padding-block:22px 24px;border-top:1px solid var(--line)}
.harvest-goal h3{font-size:21px;line-height:1.35;letter-spacing:-.025em;font-weight:650;margin:0 0 10px}
.harvest-goal p{margin:0;max-width:540px}
.growing{background:var(--yellow);padding-block:86px 35px}
.growing-heading{display:grid;grid-template-columns:1.1fr 1fr;gap:90px;align-items:start}
.growing-heading .eyebrow,.monitoring-heading .eyebrow{margin-bottom:23px}
.material-note{padding-top:40px}
.material-note h3{font-size:23px;line-height:1.4;letter-spacing:-.025em;margin:0 0 18px;font-weight:650}
.material-note p{font-size:18px}
.growing-layout{display:grid;grid-template-columns:2.1fr 1fr;gap:75px;margin-top:62px;align-items:start}
.growing-steps{display:grid;grid-template-columns:1fr 110px 1fr;gap:16px;align-items:start}
.stage-visual{display:flex;align-items:end;height:182px;margin-bottom:28px}
.stage-visual svg{display:block;max-width:100%;height:auto}
.diagram-small{width:92px}
.diagram-large{width:165px}
.growing-step h3{font-size:28px;font-weight:650;line-height:1.25;letter-spacing:-.035em;margin:0 0 15px}
.growing-step p{font-size:18px;line-height:1.65}
.transfer{padding-top:108px}
.transfer span{display:block;font-size:14px;margin-bottom:15px}
.transfer svg{display:block;width:100%;height:16px}
.scheme-note{border-top:1px solid #9a7636;margin-top:34px;padding-top:19px;font-size:14px;line-height:1.65;max-width:650px}
.young-photo{max-width:350px;justify-self:end;width:100%;transform:rotate(2deg)}
.phone-photo-crop{position:relative;width:100%;aspect-ratio:738/980;overflow:hidden;background:#d5cdaf}
.phone-photo-crop img{position:absolute;display:block;width:100%;height:auto;max-width:none;left:0;top:0;transform:translateY(-19.375%)}
.young-photo figcaption{color:var(--ink)}
.growing-bottom{display:flex;justify-content:space-between;align-items:center;gap:24px;border-top:1px solid #9a7636;margin-top:55px;padding-top:27px}
.growing-bottom p{font-size:19px;font-weight:650;letter-spacing:-.02em}
.growing-bottom a{font-size:16px;font-weight:550;display:flex;align-items:center;min-height:44px}
.monitoring-heading{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:end;margin-bottom:50px}
.monitoring-heading>p{padding-bottom:5px;max-width:550px}
.monitoring-photo img{width:100%;height:390px;object-fit:cover;object-position:50% 43%}
.measurements{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:42px 0 0}
.measurements>div{padding-inline:35px;border-left:1px solid var(--line)}
.measurements>div:first-child{padding-left:0;border-left:0}
.measurements>div:last-child{padding-right:0}
.measurements dt{display:flex;align-items:center;gap:15px;font-size:23px;font-weight:650;line-height:1.35;letter-spacing:-.025em}
.measurements svg{width:32px;height:32px;flex:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.measurements dd{font-size:18px;line-height:1.65;margin:19px 0 0}
.monitoring-note{margin-top:43px;padding:25px 0 0;border-top:1px solid var(--line);display:flex;align-items:start;gap:24px}
.monitoring-note>span{font-size:31px;line-height:1.1;font-weight:400}
.monitoring-note p{font-size:16px;max-width:870px}
@media(max-width:1100px){
  .site-header nav{gap:25px}
  .growing-heading,.monitoring-heading{gap:48px}
  .harvest-layout{gap:48px 56px}
  .harvest-photo-frame img{height:560px}
  .growing-layout{gap:40px;grid-template-columns:2fr 1fr}
  .growing-steps{grid-template-columns:1fr 90px 1fr;gap:12px}
  .growing-step p{font-size:17px}
  .growing-step h3{font-size:25px}
  .transfer span{font-size:13px}
  .measurements>div{padding-inline:24px}
  .measurements dt{font-size:21px;gap:10px}
}
@media(max-width:800px){
  .site-header{flex-wrap:wrap;padding-block:22px 8px;gap:14px}
  .site-header nav{width:100%;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line);padding-bottom:8px}
  .site-header nav a{font-size:14px}
  .harvest,.monitoring{padding-block:58px 65px}
  .growing-heading,.monitoring-heading{grid-template-columns:1fr;gap:22px;margin-bottom:32px}
  .harvest-editorial{padding-block:58px 65px}
  .harvest-eyebrow{margin-bottom:26px}
  .harvest h2,.growing h2,.monitoring h2{font-size:52px}
  .harvest-layout{grid-template-columns:1fr;gap:30px}
  .harvest-photo-frame img{height:auto;aspect-ratio:1.08;max-height:560px;object-position:center 40%}
  .harvest-copy h2{max-width:600px;margin-bottom:24px}
  .harvest-copy{max-width:620px}
  .growing{padding-block:62px 30px}
  .material-note{padding:8px 0 0;max-width:620px}
  .growing-layout{grid-template-columns:1fr;gap:38px;margin-top:20px}
  .growing-steps{grid-template-columns:1fr 110px 1fr;gap:20px}
  .growing-step p{font-size:18px;max-width:250px}
  .stage-visual{height:190px}
  .young-photo{justify-self:end;width:55%;max-width:380px;transform:rotate(2deg);margin-right:12px}
  .scheme-note{max-width:none}
  .growing-bottom{margin-top:40px}
  .monitoring-heading{gap:30px;margin-bottom:36px}
  .monitoring-heading h2 br:last-child{display:none}
  .monitoring-heading>p{max-width:620px}
  .monitoring-photo img{height:350px}
  .measurements{grid-template-columns:1fr;margin-top:28px}
  .measurements>div,.measurements>div:first-child,.measurements>div:last-child{border-left:0;border-top:1px solid var(--line);padding:25px 0;display:grid;grid-template-columns:220px 1fr;gap:24px}
  .measurements dt{align-self:start;font-size:22px}
  .measurements dd{margin:0}
  .monitoring-note{margin-top:0}
}
@media(max-width:480px){
  .site-header nav{display:grid;grid-template-columns:1fr 1fr;gap:0 20px;padding-top:0}
  .site-header nav a:nth-child(even){justify-self:end}
  .harvest,.monitoring{padding-block:48px 55px}
  .harvest h2,.growing h2,.monitoring h2{font-size:42px;letter-spacing:-.05em}
  .harvest-photo-frame img{aspect-ratio:.93;clip-path:polygon(0 0,calc(100% - 22px) 0,calc(100% - 22px) 22px,100% 22px,100% 100%,0 100%)}
  .harvest-photo-frame:before{top:14px;bottom:-12px;left:-12px;right:14px}
  .harvest-copy .section-lead{font-size:24px}
  .harvest-copy p,.material-note p,.growing-step p,.monitoring-heading>p,.measurements dd{font-size:17px}
  .harvest-goal h3{font-size:21px}
  .harvest figcaption,.growing figcaption,.monitoring figcaption{font-size:14px}
  .growing{padding-block:52px 25px}
  .material-note h3{font-size:22px}
  .growing-steps{grid-template-columns:1fr;gap:0}
  .growing-step{display:grid;grid-template-columns:1fr 95px;column-gap:24px;align-items:start}
  .stage-visual{grid-column:2;grid-row:1/3;height:100%;justify-content:center;align-items:center;margin:0}
  .diagram-small{width:61px}.diagram-large{width:95px}
  .growing-step h3{grid-column:1;margin-bottom:12px;font-size:26px}
  .growing-step p{grid-column:1;max-width:none}
  .transfer{padding:25px 0 25px 16px;display:flex;gap:12px;align-items:center}
  .transfer span{font-size:14px;margin:0}
  .transfer svg{width:45px;height:16px}
  .scheme-note{margin-top:26px;padding-top:20px}
  .young-photo{width:82%;max-width:310px;margin-right:8px}
  .growing-bottom{display:block;margin-top:35px;padding-top:24px}
  .growing-bottom p{font-size:19px}
  .growing-bottom a{font-size:15px;margin-top:12px}
  .monitoring-heading h2 br:last-child{display:initial}
  .monitoring-photo img{height:auto;aspect-ratio:1/1.1;object-position:center}
  .measurements>div,.measurements>div:first-child,.measurements>div:last-child{display:block;padding-block:24px}
  .measurements dd{margin-top:15px}
  .measurements dt{font-size:23px;gap:16px}
  .monitoring-note{gap:16px;padding-top:22px}
  .monitoring-note p{font-size:15px}
}
@media(max-width:350px){
  .harvest h2,.growing h2,.monitoring h2{font-size:37px}
  .growing-step{grid-template-columns:1fr 76px;column-gap:16px}
  .diagram-large{width:76px}.diagram-small{width:50px}
  .growing-step h3{font-size:24px}
  .young-photo{width:90%}
}