/* Korela Hakkımızda — field, data and software experience */
.about-page {
  --about-orange: #f54e00;
  --about-yellow: #f7a501;
  --about-olive: #23251d;
  --about-warm: #eeefe9;
  --about-paper: #fdfdf8;
  --about-line: #bfc1b7;
  color: var(--about-olive);
  background: var(--about-paper);
}

.about-page .about-menu { width: 680px; grid-template-columns: 235px 1fr; }
.about-page .about-menu .menu-links { display: grid; grid-template-columns: 1fr 1fr; }
.about-page .about-menu .menu-links a:last-child { grid-column: 1 / 3; }
.about-page .site-header:not(.is-scrolled) .brand > span { color: #fff; }
.about-page .site-header:not(.is-scrolled) .main-nav { color: #d4d5cc; }
.about-page .site-header:not(.is-scrolled) .nav-menu > button { color: #d4d5cc; }
.about-page .site-header:not(.is-scrolled) .nav-cta { color: var(--about-olive); background: var(--about-yellow); }
.about-page .site-header:not(.is-scrolled) .nav-toggle span { background: #fff; }
.about-page .main-nav > a[aria-current="page"] { color: var(--about-orange); }

.about-hero { position: relative; min-height: 780px; padding: 155px 0 95px; overflow: hidden; color: #fff; background: var(--about-olive); }
.about-hero::before { position: absolute; inset: 0; content: ""; opacity: .17; background-image: linear-gradient(rgba(247,165,1,.35) 1px,transparent 1px),linear-gradient(90deg,rgba(247,165,1,.35) 1px,transparent 1px); background-size: 38px 38px; mask-image: linear-gradient(to right,#000,transparent 62%); }
.about-hero::after { position: absolute; top: -215px; right: -135px; width: 590px; height: 590px; content: ""; border: 55px solid rgba(245,78,0,.1); border-radius: 50%; }
.about-hero-grid { position: relative; z-index: 1; display: grid; grid-template-columns: 1.04fr .96fr; gap: 75px; align-items: center; }
.about-hero-copy h1 { max-width: 665px; margin-bottom: 26px; color: #fff; font-size: clamp(49px,5.2vw,66px); line-height: 1.01; letter-spacing: -3px; }
.about-hero-copy h1 em { color: #ff5f19; font-style: normal; }
.about-hero-copy > p { max-width: 640px; margin-bottom: 32px; color: #c2c4ba; font-size: 16px; line-height: 1.72; }

.founder-board { padding: 18px; border: 1px solid #626458; border-radius: 6px; color: var(--about-olive); background: var(--about-warm); box-shadow: 9px 9px 0 rgba(0,0,0,.24); }
.founder-head { display: grid; padding: 15px; grid-template-columns: 78px 1fr; gap: 16px; align-items: center; border-bottom: 1px solid var(--about-line); }
.founder-head > span { display: grid; width: 72px; height: 72px; place-items: center; border: 1px solid var(--about-olive); border-radius: 4px; color: #fff; background: var(--about-orange); font-family: monospace; font-size: 21px; font-weight: 800; box-shadow: 4px 4px 0 var(--about-yellow); }
.founder-head small,.founder-head b,.founder-head p { display: block; }
.founder-head small { margin-bottom: 5px; color: var(--about-orange); font-family: monospace; font-size: 8px; font-weight: 750; text-transform: uppercase; }
.founder-head b { margin-bottom: 6px; font-size: 20px; }
.founder-head p { margin: 0; color: #696c62; font-size: 10px; line-height: 1.45; }
.founder-focus { padding: 19px 15px 15px; }
.founder-focus > span { display: block; margin-bottom: 12px; color: var(--about-orange); font-family: monospace; font-size: 8px; font-weight: 750; text-transform: uppercase; }
.focus-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 7px; }
.focus-grid article { min-height: 105px; padding: 14px; border: 1px solid var(--about-line); border-radius: 3px; background: var(--about-paper); }
.focus-grid b,.focus-grid small { display: block; }.focus-grid b { margin-bottom: 21px; color: var(--about-orange); font-size: 22px; }.focus-grid small { color: #676a61; font-size: 8px; line-height: 1.45; }
.founder-flow { display: grid; min-height: 55px; padding: 0 12px; grid-template-columns: auto 1fr auto 1fr auto 1fr auto; gap: 8px; align-items: center; border: 1px solid var(--about-olive); border-radius: 3px; color: #fff; background: var(--about-olive); }
.founder-flow span { font-family: monospace; font-size: 7px; text-transform: uppercase; }.founder-flow i { color: var(--about-yellow); font-style: normal; text-align: center; }

.about-foundation { padding: 105px 0; border-bottom: 1px solid var(--about-line); background: var(--about-paper); }
.foundation-layout { display: grid; grid-template-columns: .9fr 1.1fr; gap: 82px; align-items: start; }
.section-heading h2 { max-width: 660px; margin-bottom: 20px; color: var(--about-olive); font-size: clamp(37px,4.2vw,52px); line-height: 1.04; letter-spacing: -2.2px; }
.section-heading > p,.section-heading > div + p { max-width: 620px; margin: 0; color: #696c62; font-size: 13px; line-height: 1.72; }
.foundation-cards { display: grid; border-top: 1px solid var(--about-line); }
.foundation-cards article { display: grid; min-height: 132px; padding: 22px 0; grid-template-columns: 48px 145px 1fr; gap: 15px; align-items: start; border-bottom: 1px solid var(--about-line); }
.foundation-cards span { color: var(--about-orange); font-family: monospace; font-size: 9px; font-weight: 750; }.foundation-cards b { color: var(--about-olive); font-size: 14px; }.foundation-cards p { margin: 0; color: #70736a; font-size: 10px; line-height: 1.62; }

.expertise-section { padding: 108px 0; border-bottom: 1px solid var(--about-line); background: var(--about-warm); }
.section-heading-row { display: grid; margin-bottom: 50px; grid-template-columns: 1fr .8fr; gap: 60px; align-items: end; }
.section-heading-row h2 { margin-bottom: 0; }
.expertise-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 12px; }
.expertise-card { position: relative; display: flex; min-height: 420px; padding: 22px; overflow: hidden; flex-direction: column; border: 1px solid var(--about-line); border-radius: 5px; background: var(--about-paper); transition: transform .2s ease,box-shadow .2s ease; }
.expertise-card:hover { z-index: 2; transform: translateY(-4px); box-shadow: 7px 7px 0 #d4c9b8; }
.expertise-card::after { position: absolute; right: -35px; bottom: -35px; width: 110px; height: 110px; content: ""; border: 18px solid rgba(245,78,0,.06); border-radius: 50%; }
.expertise-icon { position: relative; width: 62px; height: 62px; margin-bottom: 34px; border: 1px solid var(--about-olive); border-radius: 3px; background: var(--about-warm); }
.expertise-icon span { position: absolute; z-index: 2; top: 9px; left: 9px; color: var(--about-olive); font-family: monospace; font-size: 10px; font-weight: 800; }
.expertise-icon i { position: absolute; right: 8px; bottom: 9px; width: 24px; height: 18px; border: 1px solid var(--about-orange); }.expertise-icon i:last-child { right: 18px; bottom: 19px; background: rgba(247,165,1,.26); }
.expertise-card > small { margin-bottom: 12px; color: var(--about-orange); font-family: monospace; font-size: 7px; font-weight: 750; text-transform: uppercase; }
.expertise-card h3 { margin-bottom: 16px; color: var(--about-olive); font-size: 24px; line-height: 1.05; letter-spacing: -1px; }
.expertise-card > p { min-height: 88px; margin-bottom: 20px; color: #676a61; font-size: 11px; line-height: 1.62; }
.expertise-card ul { display: grid; gap: 8px; margin: auto 0 0; padding: 0; list-style: none; }
.expertise-card li { position: relative; padding-left: 14px; color: #55584f; font-size: 9px; }.expertise-card li::before { position: absolute; top: 5px; left: 0; width: 6px; height: 6px; content: ""; background: var(--about-yellow); }
.expertise-card > em { position: relative; z-index: 1; display: block; margin-top: 15px; padding: 9px; color: #5f6259; background: #f2ede1; font-size: 7px; font-style: normal; line-height: 1.45; }
.expertise-info .expertise-icon { background: #e7eee3; }.expertise-field .expertise-icon { background: #fff0e7; }.expertise-property .expertise-icon { background: #ece8dc; }.expertise-value .expertise-icon { background: #fff3cc; }.expertise-software .expertise-icon { color: #fff; background: var(--about-olive); }.expertise-software .expertise-icon span { color: #fff; }

.experience-section { position: relative; padding: 110px 0; overflow: hidden; color: #fff; background: var(--about-olive); }
.experience-section::before { position: absolute; inset: 0; content: ""; opacity: .16; background-image: radial-gradient(var(--about-yellow) 1px,transparent 1px); background-size: 21px 21px; mask-image: linear-gradient(to right,#000,transparent 55%); }
.experience-layout { position: relative; display: grid; grid-template-columns: .78fr 1.22fr; gap: 83px; align-items: start; }
.experience-copy { position: sticky; top: 105px; }
.experience-copy h2 { margin-bottom: 23px; color: #fff; font-size: clamp(39px,4.2vw,52px); line-height: 1.04; letter-spacing: -2.2px; }
.experience-copy p { color: #c2c4ba; font-size: 12px; line-height: 1.72; }
.experience-tags { display: flex; margin-top: 28px; gap: 7px; flex-wrap: wrap; }.experience-tags span { padding: 7px 9px; border: 1px solid #57594f; border-radius: 3px; color: #d2d4ca; font-size: 7px; text-transform: uppercase; }
.career-timeline { border-top: 1px solid #57594f; }
.career-timeline article { position: relative; display: grid; min-height: 150px; padding: 24px 0 24px 29px; grid-template-columns: 118px 1fr; gap: 18px; border-bottom: 1px solid #57594f; }
.career-timeline article::before { position: absolute; top: 28px; left: -5px; width: 9px; height: 9px; content: ""; border-radius: 50%; background: var(--about-orange); box-shadow: 0 0 0 4px var(--about-olive); }
.career-timeline time { color: #ff9060; font-family: monospace; font-size: 8px; font-weight: 750; }.career-timeline h3 { margin-bottom: 5px; font-size: 17px; }.career-timeline b { display: block; margin-bottom: 10px; color: var(--about-yellow); font-size: 9px; }.career-timeline p { margin: 0; color: #bdc0b6; font-size: 9px; line-height: 1.55; }

.education-section { padding: 108px 0; border-bottom: 1px solid var(--about-line); background: var(--about-paper); }
.education-grid { display: grid; grid-template-columns: repeat(4,1fr); border: 1px solid var(--about-line); border-radius: 5px; background: var(--about-line); box-shadow: 7px 7px 0 #d4c9b8; gap: 1px; overflow: hidden; }
.education-grid article { display: flex; min-height: 286px; padding: 23px; flex-direction: column; background: var(--about-paper); }
.education-grid span { margin-bottom: 55px; color: var(--about-orange); font-family: monospace; font-size: 8px; font-weight: 750; }.education-grid b { margin-bottom: 10px; color: var(--about-olive); font-size: 17px; line-height: 1.2; }.education-grid p { margin-bottom: 20px; color: #686b62; font-size: 9px; line-height: 1.5; }.education-grid i { margin-top: auto; color: #8a8d83; font-size: 7px; font-style: normal; line-height: 1.45; }
.education-grid .thesis-note { padding: 12px; border-left: 3px solid var(--about-orange); color: #5e6158; background: #f1eee4; font-size: 7.5px; line-height: 1.55; }
.education-grid .thesis-note strong { display: block; margin-bottom: 5px; color: var(--about-orange); font-family: monospace; font-size: 6.5px; letter-spacing: .4px; text-transform: uppercase; }

.projects-section { padding: 108px 0; background: var(--about-warm); }
.projects-section .section-heading { margin-bottom: 48px; }
.projects-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 12px; }
.projects-grid article { display: flex; min-height: 310px; padding: 22px; flex-direction: column; border: 1px solid var(--about-line); border-radius: 5px; background: var(--about-paper); }
.projects-grid article > span { display: block; margin-bottom: 22px; color: var(--about-orange); font-family: monospace; font-size: 7px; font-weight: 750; text-transform: uppercase; }.projects-grid h3 { margin-bottom: 12px; color: var(--about-olive); font-size: 18px; line-height: 1.12; }.projects-grid p { margin: 0 0 18px; color: #5f6259; font-size: 12px; line-height: 1.55; }
.projects-grid .project-feature { color: #fff; background: var(--about-olive); }.projects-grid .project-feature h3 { color: #fff; }.projects-grid .project-feature p { color: #c4c6bd; }
.project-visual { position: relative; height: 104px; margin-top: auto; overflow: hidden; border: 1px solid #c7c8be; border-radius: 3px; background-color: #ecece5; background-image: linear-gradient(rgba(35,37,29,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(35,37,29,.07) 1px,transparent 1px); background-size: 15px 15px; }
.project-visual b { position: absolute; z-index: 8; right: 9px; bottom: 7px; color: #676a61; font-family: monospace; font-size: 6px; letter-spacing: .25px; text-transform: uppercase; }
.project-feature .project-visual { border-color: #595b51; background-color: #292b23; background-image: linear-gradient(#3b3d33 1px,transparent 1px),linear-gradient(90deg,#3b3d33 1px,transparent 1px); background-size: 15px 15px; }.project-feature .project-visual b { color: #d1d3c9; }

.mania-visual::before,.mania-visual::after { position: absolute; right: -10%; left: -10%; height: 70px; content: ""; border-radius: 50%; border-top: 2px solid #789472; }.mania-visual::before { top: 52px; }.mania-visual::after { top: 96px; border-color: var(--about-yellow); }
.mania-limit { position: absolute; z-index: 3; top: 43px; right: 18px; left: 18px; border-top: 2px dashed var(--about-orange); transform: rotate(-7deg); transform-origin: left; }.mania-limit::after { position: absolute; right: 0; bottom: 5px; content: "MANİA SINIRI"; color: #ff8651; font-family: monospace; font-size: 6px; }
.mania-runway { position: absolute; z-index: 4; right: 20px; bottom: 33px; left: 20px; height: 18px; border: 1px solid #aeb0a5; background: #4a4c42; transform: perspective(85px) rotateX(45deg); }.mania-runway::after { position: absolute; top: 7px; right: 8px; left: 8px; content: ""; border-top: 2px dashed var(--about-yellow); }
.mania-building { position: absolute; z-index: 5; bottom: 52px; width: 18px; border: 1px solid #b7b9ae; border-bottom: 0; background: #55574d; }.mania-building-a { right: 29%; height: 48px; }.mania-building-b { right: 20%; height: 30px; }.mania-building-c { left: 26%; height: 67px; }

.villages-visual::before { position: absolute; inset: 11px 20px 23px; content: ""; border: 1px dashed #c4a04e; transform: skew(-9deg); }.villages-visual .drone-mark { position: absolute; z-index: 4; top: 9px; left: 10px; margin: 0; padding: 3px 5px; color: #fff; background: var(--about-orange); font-size: 6px; }.villages-visual > i { position: absolute; z-index: 3; display: grid; width: 17px; height: 17px; place-items: center; border: 2px solid #fff; border-radius: 50%; color: #fff; background: #697f5f; box-shadow: 0 0 0 1px #697f5f; font-family: monospace; font-size: 6px; font-style: normal; }.villages-visual > i:nth-of-type(1) { top: 20px; left: 27%; }.villages-visual > i:nth-of-type(2) { top: 16px; left: 50%; }.villages-visual > i:nth-of-type(3) { top: 28px; right: 15%; }.villages-visual > i:nth-of-type(4) { top: 51px; left: 18%; }.villages-visual > i:nth-of-type(5) { top: 48px; left: 42%; }.villages-visual > i:nth-of-type(6) { top: 58px; right: 25%; }.villages-visual > i:nth-of-type(7) { top: 45px; right: 8%; }

.campus-road { position: absolute; top: -9px; left: 50%; width: 20px; height: 125px; background: #d7caa9; transform: rotate(27deg); }.campus-road::after { position: absolute; top: 0; bottom: 0; left: 9px; content: ""; border-left: 1px dashed #837f72; }.campus-block { position: absolute; border: 1px solid #5f7258; background: #9bb090; box-shadow: 3px 3px 0 rgba(35,37,29,.12); }.campus-block-a { top: 19px; left: 15%; width: 42px; height: 27px; }.campus-block-b { top: 53px; left: 28%; width: 55px; height: 22px; }.campus-block-c { top: 20px; right: 13%; width: 48px; height: 35px; }.control-point { position: absolute; z-index: 5; display: grid; width: 14px; height: 14px; margin: 0; place-items: center; border: 1px solid var(--about-orange); border-radius: 50%; color: var(--about-orange); background: #fff; font: 10px/1 monospace; }.point-a { top: 12px; left: 42%; }.point-b { top: 67px; right: 15%; }.point-c { top: 59px; left: 10%; }

.vor-ring { position: absolute; z-index: 1; top: 50%; left: 46%; border: 1px solid #d79445; border-radius: 50%; transform: translate(-50%,-50%); }.ring-a { width: 38px; height: 38px; }.ring-b { width: 76px; height: 76px; }.ring-c { width: 116px; height: 116px; }.vor-station { position: absolute; z-index: 4; top: 30px; left: calc(46% - 5px); width: 10px; height: 48px; margin: 0; background: var(--about-orange); clip-path: polygon(45% 0,55% 0,65% 75%,100% 100%,0 100%,35% 75%); }.vor-building { position: absolute; z-index: 3; bottom: 25px; margin: 0; border: 1px solid #5d6f55; background: #9bab91; }.vor-building-a { right: 16%; width: 25px; height: 43px; }.vor-building-b { right: 7%; width: 17px; height: 27px; }

.change-visual::after { position: absolute; top: 0; bottom: 0; left: 50%; content: ""; border-left: 1px dashed #a3a59b; }.change-label { position: absolute; z-index: 6; top: 7px; margin: 0; color: #74776d; font-family: monospace; font-size: 6px; }.change-before { left: 9px; }.change-after { left: calc(50% + 9px); color: var(--about-orange); }.change-building { position: absolute; z-index: 3; bottom: 24px; width: 35px; height: 29px; border: 1px solid #66695f; background: #9da096; transform: rotate(-6deg); }.old-building { left: 14%; }.new-building { left: 62%; background: #a6aa9f; }.new-building::after { position: absolute; top: -12px; right: -24px; width: 23px; height: 24px; content: ""; border: 2px solid var(--about-orange); background: rgba(245,78,0,.18); }.change-tree { position: absolute; z-index: 2; bottom: 27px; width: 22px; height: 22px; border-radius: 50%; background: #718b67; }.old-tree { left: 35%; box-shadow: -8px 8px 0 #8da281; }.new-tree { right: 10%; width: 15px; height: 15px; opacity: .6; }

.site-visual { background-image: linear-gradient(rgba(255,255,255,.38) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.38) 1px,transparent 1px),linear-gradient(135deg,#c5d0ae,#efe0a7 52%,#e79b6e); background-size: 15px 15px,15px 15px,100% 100%; }.sun-mark,.wind-mark { position: absolute; z-index: 6; top: 7px; margin: 0; color: var(--about-orange); font-size: 13px; }.sun-mark { right: 10px; }.wind-mark { left: 10px; color: #506d80; font-size: 19px; }.site-cell { position: absolute; z-index: 4; margin: 0; border: 2px solid #fff; background: rgba(80,119,67,.75); box-shadow: 0 0 0 1px #59714f; }.cell-a { top: 27px; left: 20%; width: 35px; height: 25px; }.cell-b { top: 48px; left: 34%; width: 46px; height: 31px; }.cell-c { top: 21px; right: 25%; width: 28px; height: 35px; }.cell-d { right: 10%; bottom: 25px; width: 35px; height: 22px; background: rgba(245,78,0,.55); box-shadow: 0 0 0 1px var(--about-orange); }

.technology-band { padding: 95px 0; color: #fff; background: #303228; }
.technology-layout { display: grid; grid-template-columns: .65fr 1.35fr; gap: 75px; align-items: start; }.technology-layout h2 { color: #fff; font-size: 39px; line-height: 1.05; letter-spacing: -1.8px; }.technology-list { display: flex; gap: 8px; flex-wrap: wrap; }.technology-list span { padding: 11px 13px; border: 1px solid #5b5d53; border-radius: 3px; color: #d5d7cd; background: #35372e; font-family: monospace; font-size: 8px; }.technology-list span:nth-child(3n+1) { color: #ff9a6c; border-color: #714530; }.technology-list span:nth-child(4n) { color: var(--about-yellow); }

.about-cta { padding: 72px 0 96px; background: var(--about-paper); }
.about-cta-card { display: grid; padding: 48px; grid-template-columns: 1fr auto; gap: 50px; align-items: center; border: 1px solid var(--about-olive); border-radius: 6px; background: #ded0bd; box-shadow: 8px 8px 0 var(--about-olive); }.about-cta-card h2 { max-width: 760px; margin: 0; color: var(--about-olive); font-size: clamp(32px,3.8vw,46px); line-height: 1.05; letter-spacing: -2px; }

@media (max-width: 1080px) {
  .about-hero-grid { gap: 45px; }
  .expertise-grid { grid-template-columns: 1fr 1fr; }
  .education-grid { grid-template-columns: 1fr 1fr; }
  .education-grid article { min-height: 255px; }
}

@media (max-width: 900px) {
  .about-page .about-menu { width: 100%; grid-template-columns: 1fr; }
  .about-page .about-menu .menu-links { grid-template-columns: 1fr; }
  .about-page .about-menu .menu-links a:last-child { grid-column: auto; }
  .about-hero { padding-top: 125px; }
  .about-hero-grid,.foundation-layout,.experience-layout,.technology-layout { grid-template-columns: 1fr; }
  .about-hero-grid { gap: 55px; }
  .founder-board { max-width: 680px; }
  .foundation-layout,.experience-layout { gap: 50px; }
  .experience-copy { position: static; }
  .section-heading-row { grid-template-columns: 1fr; gap: 20px; }
  .projects-grid { grid-template-columns: 1fr 1fr; }
  .projects-grid .project-feature { grid-row: auto; }
  .about-cta-card { grid-template-columns: 1fr; }
}

@media (max-width: 680px) {
  .about-hero { min-height: auto; padding: 112px 0 72px; }
  .about-hero-copy h1 { font-size: 43px; letter-spacing: -2px; }
  .about-hero-copy > p { font-size: 14px; }
  .founder-board { padding: 11px; box-shadow: 5px 5px 0 rgba(0,0,0,.24); }
  .founder-head { grid-template-columns: 62px 1fr; padding: 10px; }.founder-head > span { width: 56px; height: 56px; }
  .founder-flow { grid-template-columns: 1fr; padding: 13px; text-align: center; }.founder-flow i { transform: rotate(90deg); }
  .about-foundation,.expertise-section,.experience-section,.education-section,.projects-section { padding: 75px 0; }
  .section-heading h2 { font-size: 38px; letter-spacing: -1.8px; }
  .foundation-cards article { grid-template-columns: 35px 1fr; }.foundation-cards p { grid-column: 2; }
  .expertise-grid,.education-grid,.projects-grid { grid-template-columns: 1fr; }
  .expertise-card { min-height: 390px; }
  .career-timeline article { grid-template-columns: 1fr; gap: 9px; }
  .education-grid article { min-height: 235px; }
  .projects-grid .project-feature { min-height: 310px; }
  .technology-band { padding: 72px 0; }.technology-layout { gap: 35px; }
  .about-cta-card { padding: 28px; box-shadow: 5px 5px 0 var(--about-olive); }
}