/* Page-specific styles for /pro-rukh/ — extracted from prototype */

.mission{padding:120px 32px;background:var(--ink);color:var(--bone);border-bottom:1px solid var(--ink)}
.mission-grid{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:140px 1fr;gap:48px}
.mission-num{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--grey);padding-top:16px;border-top:1px solid var(--bone)}
.mission-text{font-family:var(--serif);font-weight:500;font-size:clamp(28px,4vw,64px);line-height:1.15;letter-spacing:-.02em;color:var(--bone)}
.mission-text p{margin-bottom:32px}
.mission-text p:last-child{margin-bottom:0}
.mission-text strong{color:var(--acid);font-weight:600}
.mission-text em{font-style:italic;color:var(--grey)}
.mission-text .stamp{background:var(--acid);color:var(--bone);padding:0 12px;display:inline-block;transform:rotate(-1deg);font-weight:600}

.timeline{padding:120px 32px;background:var(--bone);border-bottom:1px solid var(--ink)}
.timeline-head{max-width:1600px;margin:0 auto 64px;display:grid;grid-template-columns:1fr auto;gap:32px;align-items:end}
.timeline-head h2{font-family:var(--serif);font-weight:800;font-size:clamp(40px,5.5vw,96px);letter-spacing:-.03em;line-height:.92;text-transform:uppercase}
.timeline-head h2 em{font-style:italic;color:var(--grey-2)}
.tl-list{max-width:1600px;margin:0 auto;display:flex;flex-direction:column;position:relative}
.tl-list::before{content:'';position:absolute;left:140px;top:0;bottom:0;width:1px;background:var(--ink);opacity:.2}
.tl-row{display:grid;grid-template-columns:140px 60px 1fr 200px;gap:32px;padding:36px 0;border-bottom:1px dashed rgba(10,10,10,.15);align-items:start;position:relative}
.tl-row::before{content:'';position:absolute;left:135px;top:42px;width:11px;height:11px;background:var(--acid);border-radius:50%;border:3px solid var(--bone)}
.tl-row.major::before{background:var(--ink);width:14px;height:14px;left:133px;top:40px}
.tl-year{font-family:var(--serif);font-weight:800;font-size:48px;line-height:1;letter-spacing:-.03em;color:var(--ink)}
.tl-row.major .tl-year{color:var(--acid)}
.tl-num{font-family:var(--mono);font-size:11px;letter-spacing:.14em;color:var(--grey-2)}
.tl-content h3{font-family:var(--serif);font-weight:700;font-size:24px;letter-spacing:-.02em;line-height:1.15;margin-bottom:8px}
.tl-content p{font-size:15px;line-height:1.55;color:var(--ink-2)}
.tl-stat{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--grey-2);text-align:right}
.tl-stat strong{display:block;font-family:var(--serif);font-size:24px;font-weight:800;color:var(--ink);letter-spacing:-.02em;margin-bottom:4px}

.team{padding:120px 32px;background:var(--ink);color:var(--bone);border-bottom:1px solid var(--ink)}
.team-head{max-width:1600px;margin:0 auto 64px;display:grid;grid-template-columns:1fr auto;gap:32px;align-items:end}
.team-head h2{font-family:var(--serif);font-weight:800;font-size:clamp(40px,5.5vw,96px);letter-spacing:-.03em;line-height:.92;text-transform:uppercase}
.team-head h2 em{font-style:italic;color:var(--grey)}
.team-grid{max-width:1600px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.team-card{position:relative;display:flex;flex-direction:column;cursor:none;transition:transform .4s}
.team-card:hover{transform:translate(-2px,-4px)}
.team-portrait{position:relative;aspect-ratio:4/5;background:linear-gradient(140deg,var(--grey-3),var(--ink-soft));overflow:hidden;background-size:cover;background-position:center top}
.team-portrait .crop{position:absolute;width:12px;height:12px;border:1.5px solid rgba(245,242,235,.4);z-index:2}
.team-portrait .crop.tl{top:8px;left:8px;border-right:0;border-bottom:0}
.team-portrait .crop.tr{top:8px;right:8px;border-left:0;border-bottom:0}
.team-portrait .crop.bl{bottom:8px;left:8px;border-right:0;border-top:0}
.team-portrait .crop.br{bottom:8px;right:8px;border-left:0;border-top:0}
.team-portrait .role-tag{position:absolute;bottom:14px;left:14px;font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--bone);padding:5px 10px;background:rgba(0,0,0,.7);backdrop-filter:blur(4px)}
.team-info{padding:18px 0;display:flex;flex-direction:column;gap:6px}
.team-name{font-family:var(--serif);font-weight:700;font-size:22px;line-height:1.15;letter-spacing:-.01em;color:var(--bone)}
.team-role{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--acid)}
.team-bio{font-size:14px;line-height:1.55;color:rgba(245,242,235,.65);margin-top:4px}

.values{padding:120px 32px;background:var(--bone);border-bottom:1px solid var(--ink)}
.values-head{max-width:1600px;margin:0 auto 64px;display:grid;grid-template-columns:1fr auto;gap:32px;align-items:end}
.values-head h2{font-family:var(--serif);font-weight:800;font-size:clamp(40px,5.5vw,96px);letter-spacing:-.03em;line-height:.92;text-transform:uppercase}
.values-head h2 em{font-style:italic;color:var(--grey-2)}
.values-grid{max-width:1600px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.val-card{padding:32px;border:1px solid var(--ink);background:transparent;display:flex;flex-direction:column;gap:16px;transition:all .35s;position:relative}
.val-card:hover{background:var(--ink);color:var(--bone);transform:translate(-3px,-3px);box-shadow:8px 8px 0 var(--acid)}
.val-num{font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--acid)}
.val-card iconify-icon{font-size:48px;color:var(--ink);transition:color .35s}
.val-card:hover iconify-icon{color:var(--acid)}
.val-card h3{font-family:var(--serif);font-weight:700;font-size:24px;line-height:1.15;letter-spacing:-.02em}
.val-card p{font-size:14px;line-height:1.55;color:var(--ink-2);transition:color .35s}
.val-card:hover p{color:rgba(245,242,235,.7)}
@media (max-width:980px){.mission-grid,.tl-row{grid-template-columns:1fr;gap:16px}.tl-row::before{display:none}.tl-list::before{display:none}.tl-stat{text-align:left}.team-grid{grid-template-columns:1fr 1fr}.values-grid{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.team-grid,.values-grid{grid-template-columns:1fr}.mission,.timeline,.team,.values{padding:80px 20px}}