/* ATİLAB shared tokens + scoped reset. Fonts (Host Grotesk 400/500/600, Red Hat Mono 400/600) load from Google Fonts in each page head. */

.atilab {
  /* graphite spec sheet: no hue in the interface; photos and logo carry the colour */
  --atilab-bg: #141619;
  --atilab-raise: #1b1e22;
  --atilab-raise-2: #22262b;
  --atilab-line: #2b2f35;
  --atilab-line-2: #3a3f46;
  --atilab-ink: #eceef1;
  --atilab-ink-2: #a3a9b1;       /* 7.4:1 on bg */
  --atilab-ink-3: #8a9099;       /* 5.3:1 on bg, meta only */
  --atilab-gutter: clamp(16px, 4vw, 56px);
  --atilab-max: 1280px;
  --atilab-r: 4px;
  --atilab-ease: cubic-bezier(.16, 1, .3, 1);
  --atilab-mono: 'Red Hat Mono', ui-monospace, 'SFMono-Regular', monospace;
  font-family: 'Host Grotesk', system-ui, sans-serif;
  font-size: 16.5px;
  line-height: 1.6;
  font-weight: 400;
  color: var(--atilab-ink);
  background: var(--atilab-bg);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  caret-color: var(--atilab-ink);
  color-scheme: dark;
  overflow-x: clip;
}
.atilab *, .atilab *::before, .atilab *::after { box-sizing: border-box; }
.atilab :where(h1, h2, h3, h4, p, ul, ol, li, figure, blockquote, dl, dd) { margin: 0; padding: 0; }
.atilab :where(ul, ol) { list-style: none; }
.atilab :where(h1, h2, h3, h4) { font-family: inherit; color: inherit; letter-spacing: -.02em; text-transform: none; line-height: 1.1; font-weight: 600; text-wrap: balance; }
.atilab :where(p) { text-wrap: pretty; }
.atilab :where(a) { color: inherit; text-decoration: none; }
.atilab :where(img) { display: block; max-width: 100%; height: auto; border: 0; box-shadow: none; }
.atilab :where(button) { font: inherit; color: inherit; background: none; border: 0; padding: 0; cursor: pointer; text-align: inherit; }
.atilab :where(a, button):focus-visible { outline: 2px solid var(--atilab-ink); outline-offset: 3px; border-radius: 2px; }
.atilab ::selection { background: var(--atilab-ink); color: var(--atilab-bg); }
.atilab svg.atilab-i { width: 18px; height: 18px; flex: 0 0 auto; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }

.atilab-wrap { width: 100%; max-width: calc(var(--atilab-max) + 2 * var(--atilab-gutter)); margin: 0 auto; padding: 0 var(--atilab-gutter); }
.atilab-nb { white-space: nowrap; }
.atilab-mono { font-family: var(--atilab-mono); font-feature-settings: normal; letter-spacing: 0; }

/* section heading row: title, one line, one link */
.atilab-head { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 12px 32px; padding-bottom: 20px; margin-bottom: clamp(24px, 3vw, 40px); border-bottom: 1px solid var(--atilab-line); }
.atilab-h2 { font-size: clamp(30px, 3.4vw, 46px); letter-spacing: -.03em; }
.atilab-sub { margin-top: 8px; color: var(--atilab-ink-2); font-size: clamp(16px, 1.35vw, 19px); }

/* buttons: solid ink is the one primary; outline is the quiet one */
.atilab-btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 48px; padding: 11px 20px;
  border-radius: var(--atilab-r); background: var(--atilab-ink); color: var(--atilab-bg);
  font-weight: 600; font-size: 15.5px; line-height: 1.2; letter-spacing: -.005em;
  transition: background-color .18s ease, color .18s ease, box-shadow .18s ease;
}
.atilab-btn:hover { background: #ffffff; }
.atilab-btn--line { background: transparent; color: var(--atilab-ink); box-shadow: inset 0 0 0 1px var(--atilab-line-2); }
.atilab-btn--line:hover { background: var(--atilab-raise); box-shadow: inset 0 0 0 1px var(--atilab-ink-2); }
.atilab-link { display: inline-flex; align-items: center; gap: 6px; min-height: 44px; font-weight: 500; color: var(--atilab-ink); text-decoration: underline; text-decoration-color: var(--atilab-line-2); text-underline-offset: 5px; transition: text-decoration-color .2s ease; }
.atilab-link:hover { text-decoration-color: var(--atilab-ink); }
.atilab-link svg.atilab-i { transition: transform .25s var(--atilab-ease); }
.atilab-link:hover svg.atilab-i { transform: translateX(3px); }

/* framed photo with corner registration ticks */
.atilab-frame { position: relative; margin: 0; padding: 10px; border: 1px solid var(--atilab-line); }
.atilab-frame img { width: 100%; height: 100%; object-fit: cover; }
.atilab-frame::before, .atilab-frame::after {
  content: ""; position: absolute; width: 14px; height: 14px; border-color: var(--atilab-ink); border-style: solid; pointer-events: none;
}
.atilab-frame::before { left: -1px; top: -1px; border-width: 1.5px 0 0 1.5px; }
.atilab-frame::after { right: -1px; bottom: -1px; border-width: 0 1.5px 1.5px 0; }
.atilab-frame--plain::before, .atilab-frame--plain::after { display: none; }

/* key-value spec rows */
.atilab-spec { display: grid; grid-template-columns: auto minmax(0, 1fr); column-gap: 20px; font-size: 14.5px; }
.atilab-spec div { display: contents; }
.atilab-spec dt { font-family: var(--atilab-mono); color: var(--atilab-ink-3); font-size: 13px; padding: 8px 0; border-top: 1px solid var(--atilab-line); }
.atilab-spec dd { margin: 0; padding: 7px 0 8px; border-top: 1px solid var(--atilab-line); }

/* missing content: printed plainly, visible until the client supplies it */
.atilab-eksik { display: inline-block; font-family: var(--atilab-mono); font-size: 13px; line-height: 1.3; color: var(--atilab-ink); padding: 3px 8px; border: 1px dashed var(--atilab-ink-2); border-radius: 2px; }

@media (prefers-reduced-motion: reduce) {
  .atilab *, .atilab *::before, .atilab *::after { animation: none !important; transition-duration: .001ms !important; }
}

/* ---------- inner pages ---------- */
/* page hero: one package photo with the page title on it */
.atilab-ph { position: relative; display: flex; align-items: flex-end; min-height: clamp(420px, 62vh, 620px); overflow: hidden; background: #0d0f11; }
.atilab-ph__img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.atilab-ph::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(13,15,17,.85) 0%, rgba(13,15,17,.5) 45%, rgba(13,15,17,.1) 80%), linear-gradient(0deg, rgba(13,15,17,.9) 0%, rgba(13,15,17,0) 55%); }
.atilab-ph__copy { position: relative; z-index: 1; padding-top: 32px; padding-bottom: clamp(32px, 5vw, 64px); }
.atilab-ph__title { font-size: clamp(40px, 5.4vw, 80px); font-weight: 600; line-height: 1.02; letter-spacing: -.035em; color: #fff; max-width: 16ch; }
.atilab-ph__lede { margin-top: 18px; font-size: clamp(17px, 1.45vw, 20px); line-height: 1.55; color: #d7dbe0; max-width: 52ch; }

.atilab-sec { padding: clamp(48px, 7vw, 104px) 0; }
.atilab-sec + .atilab-sec { border-top: 1px solid var(--atilab-line); }
.atilab-split { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr); gap: clamp(28px, 5vw, 80px); align-items: start; }
.atilab-prose { font-size: clamp(17px, 1.45vw, 20px); line-height: 1.55; max-width: 48ch; }
.atilab-prose + .atilab-prose { margin-top: 14px; }
.atilab-muted { color: var(--atilab-ink-2); }
.atilab-acts { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 24px; margin-top: 26px; }
.atilab-addr { font-family: var(--atilab-mono); font-size: 14px; color: var(--atilab-ink-2); }

/* rows: a title and a line, on hairlines */

/* steps: an ordered sequence (the numbers carry the order) */

/* gallery of framed package photos */

/* draft marker for texts still waiting for the client's approval: visible only in previews */
.atilab-taslak { display: inline-block; margin-left: 8px; padding: 1px 6px; border-radius: 2px; font-family: var(--atilab-mono); font-size: 13px; color: var(--atilab-ink-3); box-shadow: inset 0 0 0 1px var(--atilab-line-2); vertical-align: middle; }

/* closing call */
.atilab-close { padding: clamp(56px, 8vw, 120px) 0; }
.atilab-close__box { padding: clamp(28px, 4vw, 56px); border: 1px solid var(--atilab-line); border-radius: var(--atilab-r); background: var(--atilab-raise); }
.atilab-close__title { font-size: clamp(30px, 3.6vw, 52px); letter-spacing: -.035em; max-width: 22ch; }
.atilab-close__text { margin-top: 14px; color: var(--atilab-ink-2); max-width: 56ch; }

@media (max-width: 999px) {
  .atilab-split { grid-template-columns: minmax(0, 1fr); }
  
  
  
  
}
@media (max-width: 599px) {
  .atilab-ph { min-height: 440px; }
  
  
  
  
  
}

/* page background (was set in the preview page head) */
html, body { margin: 0; padding: 0; background: #141619; }
html { color-scheme: dark; }

/* ===== home/01-header.html ===== */
.atilab-top { position: relative; z-index: 50; border-bottom: 1px solid var(--atilab-line); }
.atilab-top__bar { display: flex; align-items: center; gap: 28px; height: 72px; }
.atilab-top__logo img { width: 132px; }
.atilab-top__nav { display: flex; gap: 4px; margin-left: auto; }
.atilab-top__nav a { padding: 8px 12px; border-radius: var(--atilab-r); font-size: 14.5px; font-weight: 500; color: var(--atilab-ink-2); transition: color .18s ease, background-color .18s ease; }
.atilab-top__nav a:hover { color: var(--atilab-ink); background: var(--atilab-raise); }
.atilab-top__nav a[aria-current="page"], .atilab-top__nav a[aria-current="true"] { color: var(--atilab-ink); }
.atilab-top__doors { display: flex; gap: 8px; }
.atilab-top__doors .atilab-btn { min-height: 40px; padding: 8px 16px; font-size: 14.5px; }
.atilab-top__toggle { display: none; }

.atilab-top__panel { position: fixed; inset: 0; z-index: 80; overflow-y: auto; padding: 88px 0 40px; background: var(--atilab-bg); }
.atilab-top__panel nav { display: flex; flex-direction: column; }
.atilab-top__panel nav > a { padding: 14px 0; border-bottom: 1px solid var(--atilab-line); font-size: clamp(22px, 2vw, 28px); font-weight: 600; letter-spacing: -.02em; }
.atilab-top__panel-foot { display: grid; gap: 10px; margin-top: 28px; }
.atilab-top__mail { margin-top: 6px; font-size: 14px; color: var(--atilab-ink-2); }

/* pinned bar after the first screen: both doors, same weight */
.atilab-dock {
  position: fixed; z-index: 60; left: 0; right: 0; bottom: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 8px;
  padding: 8px 10px calc(8px + env(safe-area-inset-bottom)); background: rgba(20, 22, 25, .92); border-top: 1px solid var(--atilab-line);
  -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);
  transform: translateY(calc(100% + 30px)); visibility: hidden;
  transition: transform .35s var(--atilab-ease), visibility 0s linear .35s;
}
.atilab-dock.is-on { transform: none; visibility: visible; transition: transform .35s var(--atilab-ease), visibility 0s; }
@media (min-width: 1000px) {
  .atilab-dock { left: auto; right: 24px; bottom: 24px; width: 280px; padding: 8px; border: 1px solid var(--atilab-line); border-radius: var(--atilab-r); }
}
@media (max-width: 1080px) { .atilab-top__nav a { padding: 8px 8px; font-size: 14px; } }
@media (max-width: 999px) {
  .atilab-top__bar { height: 60px; gap: 10px; }
  .atilab-top__logo img { width: 112px; }
  .atilab-top__nav, .atilab-top__doors { display: none; }
  .atilab-top__toggle {
    position: relative; z-index: 90; display: inline-flex; align-items: center; gap: 9px; min-height: 44px; margin-left: auto; padding: 0 14px;
    border-radius: var(--atilab-r); box-shadow: inset 0 0 0 1px var(--atilab-line-2); font-weight: 500; font-size: 15px;
  }
  .atilab-top__bars { display: inline-flex; flex-direction: column; gap: 5px; width: 16px; }
  .atilab-top__bars span { display: block; height: 1.5px; background: currentColor; transition: transform .25s var(--atilab-ease); }
  .atilab-top__toggle[aria-expanded="true"] .atilab-top__bars span:first-child { transform: translateY(3.25px) rotate(45deg); }
  .atilab-top__toggle[aria-expanded="true"] .atilab-top__bars span:last-child { transform: translateY(-3.25px) rotate(-45deg); }
}

/* ===== home/02-hero.html ===== */
.atilab-hero { position: relative; }
.atilab-hero__stage { position: relative; height: clamp(560px, calc(100svh - 74px), 900px); overflow: hidden; background: #0d0f11; }

/* slides: crossfade with a slow push-in */
.atilab-hero__slide { position: absolute; inset: 0; margin: 0; opacity: 0; transition: opacity .8s ease; }
.atilab-hero__slide.is-on { opacity: 1; }
.atilab-hero__slide img { width: 100%; height: 100%; object-fit: cover; object-position: var(--pos, 50% 50%); transform: scale(1.02); }
.atilab-hero__slide.is-on img { animation: atilab-push 4.5s linear both; }
@keyframes atilab-push { from { transform: scale(1.02); } to { transform: scale(1.1); } }
.atilab-hero__slide figcaption { display: none; }

/* scrim keeps the words readable over any photo */
.atilab-hero__scrim { position: absolute; inset: 0; background:
  linear-gradient(90deg, rgba(13, 15, 17, .82) 0%, rgba(13, 15, 17, .55) 38%, rgba(13, 15, 17, 0) 70%),
  linear-gradient(0deg, rgba(13, 15, 17, .9) 0%, rgba(13, 15, 17, 0) 45%); }

/* reading order: result, slogan, description, then the doors */
.atilab-hero__copy { position: absolute; left: 0; right: 0; bottom: 176px; display: flex; flex-direction: column; align-items: flex-start; }

.atilab-hero__title { font-size: clamp(38px, 5.2vw, 76px); font-weight: 600; line-height: 1.02; letter-spacing: -.03em; color: #fff; }
.atilab-hero__title span { display: block; white-space: nowrap; }
.atilab-hero__lede { margin-top: 18px; font-size: clamp(16px, 1.35vw, 19px); line-height: 1.55; color: #d7dbe0; max-width: 38ch; }
.atilab-hero__meta { display: flex; align-items: center; gap: 18px; margin-top: 26px; }
.atilab-hero__dots { display: flex; gap: 6px; }
.atilab-hero__dot { position: relative; width: 40px; height: 44px; margin: -10px 0; }
.atilab-hero__dot::before { content: ""; position: absolute; left: 0; right: 0; top: 21px; height: 2px; background: rgba(236, 238, 241, .3); }
.atilab-hero__dot::after { content: ""; position: absolute; left: 0; right: 0; top: 21px; height: 2px; background: var(--atilab-ink); transform: scaleX(0); transform-origin: 0 50%; }
.atilab-hero__dot[aria-current="true"]::after { transform: none; }
.atilab-hero.is-playing .atilab-hero__dot[aria-current="true"]::after { animation: atilab-fill var(--atilab-slide, 3.5s) linear both; }
.atilab-hero.is-held .atilab-hero__dot[aria-current="true"]::after { animation-play-state: paused; }
@keyframes atilab-fill { from { transform: scaleX(0); } to { transform: scaleX(1); } }
.atilab-hero__cap { font-size: 13px; color: #c4c9cf; }

/* doors */
.atilab-hero__doors-wrap { position: absolute; left: 0; right: 0; bottom: 0; background: rgba(20, 22, 25, .78); border-top: 1px solid rgba(236, 238, 241, .16); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); }
.atilab-hero__doors { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.atilab-hero__doors li + li { border-left: 1px solid rgba(236, 238, 241, .14); }
.atilab-door { position: relative; display: flex; flex-direction: column; gap: 4px; height: 100%; padding: 22px 24px 22px; transition: background-color .2s ease, color .2s ease; }
.atilab-hero__doors li:first-child .atilab-door { padding-left: 0; }
.atilab-door__who { font-size: clamp(22px, 2vw, 28px); font-weight: 600; letter-spacing: -.025em; line-height: 1.1; }
.atilab-door__what { font-size: 14.5px; color: var(--atilab-ink-2); }
.atilab-door__act { display: inline-flex; align-items: center; gap: 8px; margin-top: 10px; font-weight: 600; font-size: 15.5px; }
.atilab-door__act svg.atilab-i { transition: transform .25s var(--atilab-ease); }
.atilab-door:hover .atilab-door__act svg.atilab-i { transform: translateX(4px); }
.atilab-door:hover .atilab-door__who { text-decoration: underline; text-decoration-thickness: 1.5px; text-underline-offset: 6px; }
.atilab-door:focus-visible { outline-offset: -3px; }

@media (prefers-reduced-motion: reduce) {
  .atilab-hero__slide { transition: none; }
  .atilab-hero__slide.is-on img { animation: none; }
}

@media (max-width: 999px) {
  .atilab-hero__stage { height: 468px; }
  .atilab-hero__scrim { background: linear-gradient(0deg, rgba(13, 15, 17, .94) 0%, rgba(13, 15, 17, .55) 52%, rgba(13, 15, 17, .2) 100%); }
  .atilab-hero__copy { top: 16px; bottom: 18px; justify-content: flex-end; }
  .atilab-hero__title { font-size: clamp(33px, 9.4vw, 60px); }
  .atilab-hero__lede { margin-top: 10px; font-size: 15.5px; line-height: 1.5; }
  .atilab-hero__meta { margin-top: 14px; gap: 12px; flex-wrap: wrap; }
  .atilab-hero__dot { width: 28px; }
  .atilab-hero__doors-wrap { position: static; background: var(--atilab-bg); border-top: 0; -webkit-backdrop-filter: none; backdrop-filter: none; }
  .atilab-hero__doors { grid-template-columns: minmax(0, 1fr); }
  .atilab-hero__doors li { border-bottom: 1px solid var(--atilab-line); }
  .atilab-hero__doors li + li { border-left: 0; }
  .atilab-door, .atilab-hero__doors li:first-child .atilab-door { display: grid; grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "who act" "what act"; align-items: center; column-gap: 12px; row-gap: 0; padding: 11px 0; }
  .atilab-door__who { grid-area: who; font-size: 20px; }
  .atilab-door__what { grid-area: what; font-size: 13.5px; }
  .atilab-door__act { grid-area: act; margin: 0; padding: 10px 12px; border-radius: var(--atilab-r); background: var(--atilab-ink); color: var(--atilab-bg); font-size: 14px; }
  .atilab-door__act svg.atilab-i { width: 16px; height: 16px; }
  
}
@media (max-width: 380px) {
  .atilab-door__act { font-size: 0; gap: 0; padding: 10px; }
  .atilab-door__act svg.atilab-i { width: 18px; height: 18px; }
}

/* ===== home/02b-ticker.html ===== */
.atilab-tick { position: relative; display: flex; align-items: center; border-top: 1px solid var(--atilab-line); border-bottom: 1px solid var(--atilab-line); overflow: hidden; }
.atilab-tick__track { display: flex; flex: 1 1 auto; min-width: 0; overflow: hidden; -webkit-mask: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent); mask: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent); }
.atilab-tick__run { display: flex; flex: 0 0 auto; align-items: center; gap: 28px; padding: 16px 14px; white-space: nowrap; animation: atilab-run 60s linear infinite; }
.atilab-tick__run li { display: inline-flex; align-items: baseline; gap: 10px; font-size: 15px; color: var(--atilab-ink-2); }
.atilab-tick__run strong { font-weight: 600; color: var(--atilab-ink); }
.atilab-tick__run .atilab-mono { font-size: 13px; }
.atilab-tick__sep { width: 5px; height: 5px; background: var(--atilab-line-2); align-self: center !important; }
.atilab-tick.is-paused .atilab-tick__run, .atilab-tick__track:hover .atilab-tick__run, .atilab-tick__track:focus-visible .atilab-tick__run { animation-play-state: paused; }
.atilab-tick__track { cursor: pointer; outline-offset: -2px; }
/* the whole strip is one real <button> with no visible face (client's choice): a click, Enter or Space pauses and resumes */
.atilab-tick__track { position: relative; }
.atilab-tick__btn { position: absolute; inset: 0; z-index: 1; width: 100%; height: 100%; }
.atilab-tick__btn:focus-visible { outline-offset: -2px; }
.atilab-tick__btn:focus-visible ~ .atilab-tick__run { animation-play-state: paused; }
@keyframes atilab-run { to { transform: translateX(-100%); } }
@media (prefers-reduced-motion: reduce) {
  .atilab-tick__run { animation: none; }
  .atilab-tick__btn { display: none; }
  .atilab-tick__track { cursor: auto; }
  .atilab-tick__run[aria-hidden="true"] { display: none; }
  .atilab-tick__track { overflow-x: auto; }
}

/* ===== home/03-dereceler.html ===== */
.atilab-der { padding: clamp(48px, 7vw, 104px) 0; }
.atilab-der__wall { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(40px, 5vw, 72px) clamp(24px, 3.4vw, 48px); }
.atilab-der__card { display: flex; flex-direction: column; }
.atilab-der__shot { padding: 6px; }
.atilab-der__shot img { aspect-ratio: 16 / 10; transition: filter .4s ease; }
.atilab-der__card:hover .atilab-der__shot img { filter: brightness(1.08); }
.atilab-der__cap { position: absolute; left: 14px; bottom: 14px; padding: 3px 8px; background: rgba(20, 22, 25, .82); font-size: 13px; color: var(--atilab-ink); }
.atilab-der__body { padding-top: 20px; }
/* placing marker: the numeral rolls to its place, the matching podium column rises */
.atilab-der__place { display: flex; margin-bottom: 14px; }
/* place marker: a line-drawn medal (ribbon, clasp, disc), the place number inside; no colour, like the rest of the page */
.atilab-der__medal { position: relative; display: block; flex: 0 0 auto; font-size: clamp(72px, 6.4vw, 92px); width: 1em; height: 1.3333em; transform-origin: 50% 0; transition: transform .7s var(--atilab-ease); }
.atilab-der__medal-art { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; }
.atilab-der__medal-art * { vector-effect: non-scaling-stroke; }
.atilab-der__strap { fill: var(--atilab-raise); stroke: var(--atilab-ink-3); stroke-width: 1.25; stroke-linejoin: round; }
.atilab-der__stripe { fill: none; stroke: var(--atilab-line-2); stroke-width: 1; }
.atilab-der__clasp { fill: var(--atilab-bg); stroke: var(--atilab-ink-2); stroke-width: 1.25; }
.atilab-der__disc { fill: var(--atilab-raise-2); stroke: var(--atilab-ink); stroke-width: 1.5; transition: stroke .3s ease; }
.atilab-der__rim { fill: none; stroke: var(--atilab-line-2); stroke-width: 1; }
.atilab-der__odo { position: absolute; left: 50%; top: 73.4%; transform: translate(-50%, -52%); display: block; height: 1em; overflow: hidden; font-size: .37em; font-weight: 600; line-height: 1; letter-spacing: -.03em; color: #fff; }
.atilab-der__reel { display: flex; flex-direction: column; transform: translateY(calc(-100% + 1em)); }
.atilab-der__reel span { display: block; height: 1em; text-align: center; }
.atilab-js .atilab-der__reel { transform: translateY(0); transition: transform 1.3s cubic-bezier(.2,.9,.25,1) .15s; }
.atilab-js .atilab-der__card.is-in .atilab-der__reel { transform: translateY(calc(-100% + 1em)); }
/* the medal sways a little from its ribbon when the card is pointed at */
.atilab-der__card:hover .atilab-der__medal { transform: rotate(-4deg); }
.atilab-der__card:hover .atilab-der__disc { stroke: #fff; }
@media (prefers-reduced-motion: reduce) { .atilab-js .atilab-der__reel { transform: translateY(calc(-100% + 1em)); transition: none; } .atilab-der__card:hover .atilab-der__medal { transform: none; } }
.atilab-der__res { display: flex; align-items: baseline; gap: 12px; font-size: clamp(22px, 2vw, 28px); font-weight: 600; letter-spacing: -.025em; line-height: 1.15; }
.atilab-der__proj { margin-top: 6px; font-size: clamp(16px, 1.35vw, 19px); font-weight: 500; letter-spacing: -.01em; }
.atilab-der__spec { margin-top: 14px; border-bottom: 1px solid var(--atilab-line); }
.atilab-der__spec dt { min-width: 76px; }
.atilab-der__text { margin-top: 12px; color: var(--atilab-ink-2); max-width: 58ch; }

/* photos wipe in as they enter, once; content is visible without JS */
.atilab-js .atilab-der__card .atilab-der__shot img { clip-path: inset(0 0 100% 0); transition: clip-path 1s var(--atilab-ease), filter .4s ease; }
.atilab-js .atilab-der__card.is-in .atilab-der__shot img { clip-path: inset(0 0 0 0); }
.atilab-js .atilab-der__card:nth-child(even) .atilab-der__shot img { transition-delay: .12s, 0s; }
@media (prefers-reduced-motion: reduce) { .atilab-js .atilab-der__card .atilab-der__shot img { clip-path: none; } }

@media (max-width: 799px) {
  .atilab-der__wall { grid-template-columns: minmax(0, 1fr); gap: 44px; }
  .atilab-der__body { padding-top: 16px; }
}

/* ===== home/04-alanlar.html ===== */
.atilab-ap { padding: clamp(48px, 7vw, 104px) 0; }
.atilab-ap__count { display: flex; align-items: baseline; gap: 10px; font-size: 18px; color: var(--atilab-ink-2); }
.atilab-ap__count span { font-size: clamp(64px, 7vw, 104px); font-weight: 600; line-height: .8; letter-spacing: -.05em; color: #fff; }

/* four equal panels; the one under the pointer widens and plays, the others narrow and pause */
.atilab-ap__row { display: flex; gap: 12px; height: clamp(520px, 44vw, 600px); }
.atilab-ap__item { flex: 1 1 0; min-width: 0; transition: flex-grow .6s var(--atilab-ease); }
.atilab-ap__row:hover .atilab-ap__item, .atilab-ap__row:focus-within .atilab-ap__item { flex-grow: .8; }
.atilab-ap__row .atilab-ap__item:hover, .atilab-ap__row .atilab-ap__item:focus-within { flex-grow: 2.1; }
.atilab-ap__panel { display: flex; flex-direction: column; height: 100%; overflow: hidden; border: 1px solid var(--atilab-line); border-radius: var(--atilab-r); background: var(--atilab-raise); transition: border-color .3s ease, background-color .3s ease; }
.atilab-ap__item:hover .atilab-ap__panel, .atilab-ap__panel:focus-visible { border-color: var(--atilab-ink-2); background: #1f2226; }
.atilab-ap__panel:focus-visible { outline-offset: 3px; }
.atilab-ap__vis { position: relative; flex: 1 1 auto; min-height: 0; display: grid; place-items: center; background: #0f1113; border-bottom: 1px solid var(--atilab-line); }

.atilab-ap__vis img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transform: scale(1.01); transition: transform 6s cubic-bezier(.2,.6,.2,1), filter .4s ease; }
.atilab-ap__item:hover .atilab-ap__vis img, .atilab-ap__panel:focus-visible .atilab-ap__vis img { transform: scale(1.12); }
.atilab-ap__row:hover .atilab-ap__item:not(:hover) .atilab-ap__vis img { filter: grayscale(1) brightness(.7); }
.atilab-ap__body { display: flex; flex-direction: column; gap: 6px; padding: 20px 22px 22px; }
.atilab-ap__no { font-size: 13px; color: var(--atilab-ink-3); }
.atilab-ap__name { font-size: clamp(20px, 1.8vw, 26px); font-weight: 600; letter-spacing: -.025em; line-height: 1.15; color: #fff; min-height: 2.3em; }
.atilab-ap__line { font-size: 15px; color: var(--atilab-ink-2); line-height: 1.45; min-height: 4.35em; }
.atilab-ap__go { display: inline-flex; align-items: center; gap: 6px; margin-top: 8px; font-weight: 600; font-size: 15px; }
.atilab-ap__go svg.atilab-i { transition: transform .25s var(--atilab-ease); }
.atilab-ap__item:hover .atilab-ap__go svg.atilab-i { transform: translateX(4px); }

/* shared drawing palette: greys only, white for anything live */

/* animations run only while the section is on screen; hovering one panel pauses the others */

.atilab-ap__row:hover .atilab-ap__item:not(:hover) .atilab-ap__vis { opacity: .8; }
.atilab-ap__vis { transition: opacity .4s ease; }

@media (max-width: 999px) {
  .atilab-ap__row { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); height: auto; }
  .atilab-ap__vis { aspect-ratio: 4 / 3; flex: 0 0 auto; }
  .atilab-ap__row:hover .atilab-ap__item:not(:hover) .atilab-ap__vis { opacity: 1; }
  
  
}
@media (max-width: 599px) {
  .atilab-ap__count { display: none; }
  .atilab-ap__row { gap: 10px; }
  .atilab-ap__body { padding: 12px 12px 14px; gap: 4px; }
  .atilab-ap__name { font-size: 16px; white-space: normal; }
  .atilab-ap__line { font-size: 13.5px; min-height: 0; }
  .atilab-ap__go { font-size: 14px; margin-top: 4px; }
}
@media (prefers-reduced-motion: reduce) {
  
  
  
  
  .atilab-ap__item { transition: none; }
}

/* ===== home/05-hakkimizda.html ===== */
.atilab-hak { padding: clamp(48px, 7vw, 104px) 0; }
.atilab-hak__stage { position: relative; min-height: 620px; border: 1px solid var(--atilab-line); border-radius: var(--atilab-r); overflow: hidden; background: #111315; }
.atilab-hak__field { position: absolute; inset: 0; width: 100%; height: 100%; display: block; }
.atilab-hak__overlay { position: relative; z-index: 1; max-width: 460px; padding: clamp(28px, 4vw, 56px); pointer-events: none; }
.atilab-hak__overlay a { pointer-events: auto; }
.atilab-hak__text { margin-top: 16px; font-size: clamp(17px, 1.45vw, 20px); line-height: 1.55; color: var(--atilab-ink-2); }
.atilab-hak__nums { display: grid; grid-template-columns: auto auto; justify-content: start; margin-top: 32px; }
.atilab-hak__nums div { display: flex; flex-direction: column-reverse; padding-right: clamp(32px, 4vw, 56px); }
.atilab-hak__nums div + div { padding-left: clamp(32px, 4vw, 56px); padding-right: 0; border-left: 1px solid var(--atilab-line-2); }
.atilab-hak__nums dd { margin: 0; font-size: clamp(72px, 8vw, 120px); font-weight: 600; line-height: .9; letter-spacing: -.05em; font-variant-numeric: tabular-nums; color: #fff; }
.atilab-hak__nums dt { margin-top: 12px; font-size: clamp(17px, 1.45vw, 20px); font-weight: 500; color: var(--atilab-ink); }
.atilab-hak__today { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.atilab-hak .atilab-link { margin-top: 20px; }
.atilab-hak__mark { position: absolute; left: var(--mx0, 70%); top: var(--my0, 50%); z-index: 2; transform: translate(-50%, -50%); }
@media (max-width: 799px) { .atilab-hak__mark { --atilab-mark-box: 150px; --atilab-mark-size: 120px; top: var(--my0, 150px); } }

.atilab-mark-stage {
  position: relative;
  width: var(--atilab-mark-box, 220px);
  height: var(--atilab-mark-box, 220px);
  display: grid;
  place-items: center;
  perspective: 900px;
  perspective-origin: 50% 44%;
  pointer-events: auto;
}

.atilab-mark {
  --size: var(--atilab-mark-size, 180px);
  --c-face: #f4f7fb;
  --c-accent: #2f80ed;
  --c-edge-near: #c9d2de;
  --c-edge-far: #3a4656;
  --depth: 26;
  --step: 1.15px;
  --lift-accent: 22px;
  --acc-x: 0px;
  --acc-y: 0px;
  --t-fast: 180ms;
  --t-part: 460ms;
  --ease-out: cubic-bezier(.22,.61,.36,1);
  --ease-spring: cubic-bezier(.34,1.3,.64,1);
  --idle: 7.2s;

  position: relative;
  width: var(--size);
  height: var(--size);
  user-select: none;
  -webkit-user-select: none;
  will-change: transform;
  cursor: pointer;
}

.atilab-mark:focus-visible {
  outline: 2px solid var(--atilab-ink);
  outline-offset: 12px;
  border-radius: var(--atilab-r);
}

.atilab-mark__tilt,
.atilab-mark__float,
.atilab-mark__stack,
.atilab-mark__slice {
  position: absolute;
  inset: 0;
  transform-style: preserve-3d;
}

.atilab-mark__tilt {
  transition: transform 300ms var(--ease-out);
}

.atilab-mark[data-float] .atilab-mark__float {
  animation: atilab-mark-float var(--idle) ease-in-out 2;
}

.atilab-mark__part {
  position: absolute;
  inset: 0;
  transition: transform var(--t-part) var(--ease-spring);
}

.atilab-mark__part svg {
  width: 100%;
  height: 100%;
  display: block;
  overflow: visible;
}

.atilab-mark__part--accent {
  transform: translate3d(var(--acc-x), var(--acc-y), var(--lift-accent));
}

.atilab-mark[data-state="apart"] {
  --lift-accent: 74px;
  --acc-x: 8px;
  --acc-y: 6px;
}

.atilab-mark__sheen {
  position: absolute;
  inset: 0;
  pointer-events: none;
  transform: translateZ(calc(var(--lift-accent) + 3px));
  background: radial-gradient(
    circle at var(--mx, 32%) var(--my, 16%),
    rgba(255,255,255,.3),
    transparent 40%
  );
  opacity: 0;
  transition: opacity var(--t-fast) var(--ease-out);
}

.atilab-mark:hover .atilab-mark__sheen {
  opacity: 1;
}

.atilab-mark__shadow {
  position: absolute;
  left: 11%;
  right: 11%;
  bottom: -8%;
  height: 12%;
  border-radius: 50%;
  display: none; /* was a blurred blue glow */
  transform: translateZ(-70px);
  animation: atilab-mark-shadow var(--idle) ease-in-out 2;
}

@keyframes atilab-mark-float {
  0%, 100% {
    transform: translate3d(0,0,0) rotate(0deg);
  }
  50% {
    transform: translate3d(0,-8px,0) rotate(-1.1deg);
  }
}

@keyframes atilab-mark-shadow {
  0%, 100% {
    transform: translateZ(-70px) scale(1);
    opacity: .8;
  }
  50% {
    transform: translateZ(-70px) scale(.84);
    opacity: .48;
  }
}

@media (prefers-reduced-motion: reduce) {
  .atilab-mark-stage *,
  .atilab-mark-stage *::before,
  .atilab-mark-stage *::after {
    animation: none !important;
    transition-duration: .01ms !important;
  }
}

.atilab-hak__hint { position: absolute; right: 16px; bottom: 12px; z-index: 1; font-family: var(--atilab-mono); font-size: 13px; color: var(--atilab-ink-3); }
@media (max-width: 799px) {
  .atilab-hak__stage { min-height: 0; }
  .atilab-hak__field { position: relative; height: 300px; }
  .atilab-hak__overlay { max-width: none; padding: 22px 18px 44px; border-top: 1px solid var(--atilab-line); background: var(--atilab-bg); }
  .atilab-hak__stage { display: flex; flex-direction: column; }
  .atilab-hak__hint { position: static; order: 1; padding: 10px 18px; border-top: 1px solid var(--atilab-line); background: #111315; }
  .atilab-hak__overlay { order: 2; }
}

/* ===== home/06-katil.html ===== */
.atilab-katil { padding: clamp(48px, 7vw, 104px) 0 clamp(64px, 8vw, 120px); }
.atilab-katil__cols { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: clamp(40px, 5.2vw, 72px); }
.atilab-katil__col { position: relative; display: flex; flex-direction: column; gap: 12px; padding: 4px 0 8px; }
.atilab-katil__col + .atilab-katil__col::before { content: ""; position: absolute; top: 0; bottom: 0; left: calc(clamp(40px, 5.2vw, 72px) / -2); width: 1px; background: var(--atilab-line); }
.atilab-katil__who { font-size: clamp(22px, 2vw, 28px); letter-spacing: -.025em; margin-bottom: 4px; }
.atilab-katil__col p { color: var(--atilab-ink-2); max-width: 44ch; }
.atilab-katil__act { margin-top: auto; padding-top: 20px; display: flex; flex-direction: column; align-items: flex-start; gap: 10px; }
.atilab-katil__act .atilab-btn { width: 100%; }
.atilab-katil__addr { font-size: 13.5px; color: var(--atilab-ink-2); }
/* the line under each button has the same height, so the three buttons share one top edge */
.atilab-katil__act > .atilab-katil__addr { min-height: 26px; display: inline-flex; align-items: center; }
@media (max-width: 899px) {
  .atilab-katil__cols { grid-template-columns: minmax(0, 1fr); }
  .atilab-katil__col { padding: 24px 0; }
  .atilab-katil__col:first-child { padding-top: 4px; }
  .atilab-katil__col + .atilab-katil__col::before { top: 0; bottom: auto; left: 0; right: 0; width: auto; height: 1px; }
  .atilab-katil__addr:empty { display: none; } /* stacked columns: no line to match */
}

/* ===== home/07-footer.html ===== */
.atilab-foot { padding: 0 0 calc(24px + 72px); }
.atilab-foot__grid { display: grid; grid-template-columns: minmax(0, 1.4fr) repeat(3, minmax(0, 1fr)); gap: 32px; padding: 40px 0 32px; border-top: 1px solid var(--atilab-line); }
.atilab-foot__brand img { width: 150px; }
.atilab-foot__brand p { margin-top: 14px; color: var(--atilab-ink-2); max-width: 26ch; }
.atilab-foot__col h2 { font-size: 14px; font-weight: 500; color: var(--atilab-ink-3); letter-spacing: 0; margin-bottom: 10px; }
.atilab-foot__col li > a, .atilab-foot__col li > span { display: inline-flex; align-items: center; min-height: 36px; color: var(--atilab-ink-2); font-size: 15px; transition: color .18s ease; }
.atilab-foot__col li > a:hover { color: var(--atilab-ink); }
.atilab-foot__doors { display: flex; flex-direction: column; gap: 10px; }
.atilab-foot__doors h2 { margin-bottom: 2px; }
.atilab-foot__legal { padding-top: 20px; border-top: 1px solid var(--atilab-line); font-size: 13px; color: var(--atilab-ink-3); }
@media (max-width: 899px) {
  .atilab-foot__grid { grid-template-columns: 1fr 1fr; }
  .atilab-foot__brand, .atilab-foot__doors { grid-column: 1 / -1; }
}
@media (min-width: 1000px) { .atilab-foot { padding-bottom: 32px; } }

/* ===== ar-ge-muhendislik/03.html ===== */
.who { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-top: 1px solid var(--atilab-line); }
.who__i { padding: 24px 28px 8px 0; }
.who__i + .who__i { padding-left: 28px; border-left: 1px solid var(--atilab-line); }
.who__n { font-family: var(--atilab-mono); font-size: 13px; color: var(--atilab-ink-3); }
.who__i h3 { margin: 10px 0 8px; font-size: 20px; letter-spacing: -.02em; line-height: 1.2; }
.who__i p { color: var(--atilab-ink-2); }
@media (max-width: 799px) { .who { grid-template-columns: minmax(0, 1fr); } .who__i, .who__i + .who__i { padding: 20px 0; border-left: 0; border-bottom: 1px solid var(--atilab-line); } }

/* ===== ar-ge-muhendislik/04.html ===== */
.trk { position: relative; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 24px; padding-top: 34px; counter-reset: trk; }
.trk::before { content: ""; position: absolute; left: 0; right: 0; top: 7px; height: 2px; background: var(--atilab-line); }
.trk::after { content: ""; position: absolute; left: 0; top: 7px; height: 2px; width: var(--p, 0%); background: var(--atilab-ink); transition: width .5s var(--atilab-ease); }
.trk__s { position: relative; counter-increment: trk; }
.trk__dot { position: absolute; top: -34px; left: 0; width: 16px; height: 16px; border-radius: 50%; background: var(--atilab-bg); box-shadow: inset 0 0 0 2px var(--atilab-line-2); transition: box-shadow .3s ease, background-color .3s ease; z-index: 1; }
.trk__s.is-on .trk__dot { background: var(--atilab-ink); box-shadow: none; }
.trk__s h3::before { content: counter(trk, decimal-leading-zero) "  "; font-family: var(--atilab-mono); font-size: 13px; font-weight: 400; color: var(--atilab-ink-3); }
.trk__s h3 { font-size: 18px; letter-spacing: -.015em; }
.trk__s p { margin-top: 6px; font-size: 15px; color: var(--atilab-ink-2); }
@media (max-width: 799px) {
  .trk { grid-template-columns: minmax(0, 1fr); gap: 22px; padding: 0 0 0 30px; }
  .trk::before, .trk::after { left: 7px; right: auto; top: 0; width: 2px; height: 100%; }
  .trk::after { height: var(--p, 0%); width: 2px; }
  .trk__dot { left: -30px; top: 2px; }
}

/* ===== egitimler/01.html ===== */
.lp-hero { padding: clamp(28px, 4vw, 56px) 0 0; border-bottom: 1px solid var(--atilab-line); }
.lp-hero__grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(28px, 5vw, 72px); align-items: center; }
.lp-crumb { font-size: 14px; color: var(--atilab-ink-3); } .lp-crumb a:hover { color: var(--atilab-ink); }
.lp-hero__t { margin-top: 14px; font-size: clamp(44px, 5.6vw, 84px); letter-spacing: -.04em; line-height: 1; }
.lp-hero__lede { margin-top: 18px; font-size: clamp(18px, 1.5vw, 21px); line-height: 1.5; max-width: 42ch; }
.lp-hero__by { display: flex; align-items: center; gap: 10px; margin-top: 16px; color: var(--atilab-ink-2); }
.lp-hero__media { position: relative; margin: 0; overflow: hidden; aspect-ratio: 4 / 3; }
.lp-hero__media img { width: 100%; height: 100%; object-fit: cover; }
.lp-hero__cap { position: absolute; left: 14px; bottom: 14px; display: flex; flex-direction: column; padding: 10px 14px; border-radius: 6px; background: rgba(20,22,25,.85); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); font-size: 13.5px; color: var(--atilab-ink-2); }
.lp-hero__cap b { font-size: 15px; font-weight: 600; color: var(--atilab-ink); }
.lp-stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin-top: clamp(32px, 4vw, 56px); border-top: 1px solid var(--atilab-line); }
.lp-stats div { display: flex; flex-direction: column-reverse; padding: 20px 0 24px; }
.lp-stats div + div { padding-left: 24px; border-left: 1px solid var(--atilab-line); }
.lp-stats dd { margin: 0; font-size: clamp(32px, 3.4vw, 48px); font-weight: 600; letter-spacing: -.04em; line-height: 1; }
.lp-stats dt { margin-top: 8px; font-size: 14px; color: var(--atilab-ink-2); }
@media (max-width: 899px) { .lp-hero__grid { grid-template-columns: minmax(0, 1fr); } .lp-hero__media { order: -1; }
  .lp-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); } .lp-stats div:nth-child(3) { padding-left: 0; border-left: 0; } .lp-stats div:nth-child(n+3) { border-top: 1px solid var(--atilab-line); } }

/* ===== egitimler/02.html ===== */
.lp-filter { display: inline-flex; flex-wrap: wrap; gap: 4px; padding: 4px; border-radius: 8px; box-shadow: inset 0 0 0 1px var(--atilab-line-2); }
.lp-filter button { min-height: 40px; padding: 8px 14px; border-radius: 5px; font-size: 14.5px; color: var(--atilab-ink-2); }
.lp-filter button b { margin-left: 6px; font-family: var(--atilab-mono); font-weight: 400; font-size: 13px; color: var(--atilab-ink-3); }
.lp-filter button[aria-pressed="true"] { background: var(--atilab-ink); color: var(--atilab-bg); }
.lp-filter button[aria-pressed="true"] b { color: var(--atilab-line-2); }
.lp-cards { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.lp-card[hidden] { display: none; }
.lp-card__a { display: flex; flex-direction: column; height: 100%; border: 1px solid var(--atilab-line); border-radius: 8px; background: var(--atilab-raise); overflow: hidden; transition: border-color .2s ease, transform .3s var(--atilab-ease); }
.lp-card__a:hover { border-color: var(--atilab-ink-2); transform: translateY(-3px); }
.lp-card__img { display: block; aspect-ratio: 16 / 10; overflow: hidden; background: #0f1113; }
.lp-card__img img { width: 100%; height: 100%; object-fit: cover; }
.lp-card__img--draw { display: grid; place-items: center; color: var(--atilab-ink-3); }
.lp-card__img--draw svg.atilab-i { width: 56px; height: 56px; stroke-width: 1.2; }
.lp-card__body { display: flex; flex-direction: column; gap: 8px; padding: 16px 18px 18px; flex: 1 1 auto; }
.lp-card__who { font-size: 13.5px; color: var(--atilab-ink-3); }
.lp-card__t { font-size: 18px; font-weight: 600; letter-spacing: -.015em; line-height: 1.25; }
.lp-card__meta { display: flex; flex-direction: column; gap: 6px; margin-top: 4px; font-size: 14px; color: var(--atilab-ink-2); }
.lp-card__meta span { display: flex; align-items: center; gap: 8px; } .lp-card__meta svg.atilab-i { width: 16px; height: 16px; }
.lp-card__go { display: inline-flex; align-items: center; gap: 6px; margin-top: auto; padding-top: 12px; font-weight: 600; font-size: 15px; }
@media (max-width: 1099px) { .lp-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 599px) { .lp-cards { grid-template-columns: minmax(0, 1fr); } .lp-filter { width: 100%; } .lp-filter button { flex: 1 1 auto; } }

/* ===== egitimler/03.html ===== */
.lp-course { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr); gap: clamp(28px, 5vw, 72px); align-items: start; }
.lp-course__who { font-size: 14px; color: var(--atilab-ink-3); }
.lp-course__t { margin-top: 10px; font-size: clamp(32px, 3.6vw, 52px); letter-spacing: -.035em; line-height: 1.05; }
.lp-h3 { margin-top: clamp(40px, 5vw, 64px); font-size: clamp(22px, 2vw, 28px); letter-spacing: -.025em; }
.lp-h3sub { margin-top: 4px; font-size: 15px; color: var(--atilab-ink-2); }
.lp-mods { margin-top: 16px; border: 1px solid var(--atilab-line); border-radius: 8px; overflow: hidden; }
.lp-mod { display: flex; align-items: center; gap: 20px; padding: 16px 20px; }
.lp-mod + .lp-mod { border-top: 1px solid var(--atilab-line); }
.lp-mod:hover { background: var(--atilab-raise); }
.lp-mod__n { flex: 0 0 auto; font-family: var(--atilab-mono); font-size: 13px; color: var(--atilab-ink-3); }
.lp-mod__t { font-size: 17px; font-weight: 500; }
.lp-flow { position: relative; display: grid; gap: 0; margin-top: 18px; padding-left: 30px; }
.lp-flow::before { content: ""; position: absolute; left: 7px; top: 8px; bottom: 8px; width: 2px; background: var(--atilab-line); }
.lp-flow li { position: relative; padding: 0 0 22px; }
.lp-flow__d { position: absolute; left: -30px; top: 3px; width: 16px; height: 16px; border-radius: 50%; background: var(--atilab-bg); box-shadow: inset 0 0 0 2px var(--atilab-ink-2); }
.lp-flow li:last-child .lp-flow__d { background: var(--atilab-ink); box-shadow: none; }
.lp-flow h4 { font-size: 17px; letter-spacing: -.015em; }
.lp-flow p { margin-top: 4px; font-size: 15px; color: var(--atilab-ink-2); max-width: 56ch; }
.lp-gal { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin-top: 16px; }
.lp-gal figure { margin: 0; overflow: hidden; aspect-ratio: 4 / 3; }
.lp-gal img { width: 100%; height: 100%; object-fit: cover; }
.lp-enroll { position: sticky; top: 24px; }
.lp-enroll__card { border: 1px solid var(--atilab-line-2); border-radius: 10px; background: var(--atilab-raise); overflow: hidden; }
.lp-enroll__img { margin: 0; aspect-ratio: 16 / 9; } .lp-enroll__img img { width: 100%; height: 100%; object-fit: cover; }
.lp-enroll__body { display: flex; flex-direction: column; align-items: stretch; gap: 14px; padding: 20px; }
.lp-enroll__status { display: flex; align-items: center; gap: 8px; font-size: 14.5px; font-weight: 600; }
.lp-enroll__status span { width: 8px; height: 8px; border-radius: 50%; background: var(--atilab-ink); box-shadow: 0 0 0 4px rgba(236,238,241,.14); }
.lp-enroll__status--closed span { background: none; box-shadow: inset 0 0 0 1.5px var(--atilab-ink-3); }
.lp-enroll__note { font-size: 15px; color: var(--atilab-ink-2); }
.lp-enroll__btn + .lp-enroll__btn { margin-top: -4px; }
.lp-enroll__facts { display: grid; border-top: 1px solid var(--atilab-line); }
.lp-enroll__facts li { display: flex; gap: 12px; padding: 11px 0; border-bottom: 1px solid var(--atilab-line); font-size: 15px; }
.lp-enroll__facts svg.atilab-i { margin-top: 2px; color: var(--atilab-ink-2); }
.lp-enroll__facts b { display: block; font-weight: 500; font-size: 13.5px; color: var(--atilab-ink-3); }
.lp-enroll__btn { width: 100%; }
.lp-enroll__body .atilab-eksik { align-self: flex-start; }

@media (max-width: 999px) { .lp-course { grid-template-columns: minmax(0, 1fr); } .lp-enroll { position: static; order: -1; } }
@media (max-width: 599px) { .lp-gal { grid-template-columns: repeat(2, minmax(0, 1fr)); }  }

/* ===== egitimler/04.html ===== */
.lp-sup { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.3fr); gap: 16px; }
.lp-sup__c { padding: clamp(20px, 2.4vw, 32px); border: 1px solid var(--atilab-line); border-radius: 10px; background: var(--atilab-raise); }
.lp-sup__c--img { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 24px; align-items: start; }
.lp-sup__c--img figure { margin: 0; overflow: hidden; aspect-ratio: 4 / 3; } .lp-sup__c--img img { width: 100%; height: 100%; object-fit: cover; }
.lp-sup__tag { display: inline-flex; align-items: center; gap: 8px; font-size: 14px; color: var(--atilab-ink-2); } .lp-sup__tag svg.atilab-i { width: 16px; height: 16px; }
.lp-sup__c h3 { margin-top: 10px; font-size: clamp(22px, 2vw, 28px); letter-spacing: -.025em; }
.lp-sup__c > p, .lp-sup__c div > p:not(.lp-sup__tag) { margin-top: 10px; color: var(--atilab-ink-2); }
.lp-sup__more { display: inline-flex; align-items: center; gap: 6px; margin-top: 12px; font-weight: 600; }
.lp-sup__path { display: flex; align-items: center; gap: 10px; margin-top: 20px; font-size: 14.5px; font-weight: 600; }
.lp-sup__path span { padding: 7px 12px; border-radius: 6px; box-shadow: inset 0 0 0 1px var(--atilab-line-2); background: var(--atilab-bg); }
.lp-sup__path i { flex: 1 1 auto; height: 2px; background: repeating-linear-gradient(90deg, var(--atilab-ink-2) 0 8px, transparent 8px 14px); }
@media (max-width: 999px) { .lp-sup { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 599px) { .lp-sup__c--img { grid-template-columns: minmax(0, 1fr); } }

/* ===== egitimler/05.html ===== */
.lp-ihl { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.6fr); gap: clamp(20px, 3vw, 44px); align-items: center; margin-bottom: 16px; padding: clamp(18px, 2.4vw, 28px); border: 1px solid var(--atilab-line); border-radius: 10px; background: var(--atilab-raise); }
.lp-ihl__txt h3 { margin-top: 8px; font-size: clamp(22px, 2vw, 28px); letter-spacing: -.025em; line-height: 1.15; }
.lp-ihl__txt > p:last-child { margin-top: 10px; color: var(--atilab-ink-2); }
.lp-ihl__gal { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.lp-ihl__gal figure { margin: 0; overflow: hidden; aspect-ratio: 16 / 9; } .lp-ihl__gal img { width: 100%; height: 100%; object-fit: cover; }
@media (max-width: 899px) { .lp-ihl { grid-template-columns: minmax(0, 1fr); } }
.lp-cours { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.lp-cour { padding: 22px; border: 1px solid var(--atilab-line); border-radius: 10px; background: var(--atilab-raise); }
.lp-cour__lang { display: inline-block; padding: 4px 10px; border-radius: 4px; background: var(--atilab-bg); box-shadow: inset 0 0 0 1px var(--atilab-line-2); font-family: var(--atilab-mono); font-size: 13px; }
.lp-cour h3 { margin-top: 16px; font-size: 20px; letter-spacing: -.02em; }
.lp-cour p { margin-top: 6px; font-size: 15px; color: var(--atilab-ink-2); }
.lp-tf { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr); gap: 24px; margin-top: 16px; padding: 22px; border: 1px solid var(--atilab-line); border-radius: 10px; background: var(--atilab-raise); }
.lp-tf__head h3 { font-size: 20px; letter-spacing: -.02em; }
.lp-tf__head p { margin-top: 6px; font-size: 15px; color: var(--atilab-ink-2); }
.lp-tf__list { display: grid; border-top: 1px solid var(--atilab-line); }
.lp-tf__list li { display: flex; gap: 18px; padding: 14px 0; border-bottom: 1px solid var(--atilab-line); }
.lp-tf__y { flex: 0 0 auto; padding: 3px 9px; height: fit-content; border-radius: 4px; background: var(--atilab-ink); color: var(--atilab-bg); font-family: var(--atilab-mono); font-size: 13px; }
.lp-tf__list h4 { font-size: 17px; letter-spacing: -.015em; }
.lp-tf__list p { margin-top: 3px; font-size: 15px; color: var(--atilab-ink-2); }
@media (max-width: 799px) { .lp-tf { grid-template-columns: minmax(0, 1fr); } }
.lp-okul__cta { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px 32px; margin-top: 16px; padding: 20px 22px; border-radius: 10px; box-shadow: inset 0 0 0 1px var(--atilab-line-2); }
.lp-okul__cta p { font-size: 17px; }
@media (max-width: 899px) { .lp-cours { grid-template-columns: minmax(0, 1fr); } }

/* ===== teknofest/01.html ===== */
.tfh { padding: clamp(28px, 4vw, 56px) 0 clamp(40px, 5vw, 72px); border-bottom: 1px solid var(--atilab-line); }
.tfh__grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr); gap: clamp(28px, 5vw, 72px); align-items: center; }
.tfh__t { margin-top: 14px; font-size: clamp(36px, 4.4vw, 64px); letter-spacing: -.04em; line-height: 1.02; }
.tfh__lede { margin-top: 18px; font-size: clamp(17px, 1.45vw, 20px); line-height: 1.5; color: var(--atilab-ink-2); max-width: 44ch; }
.tfh__jump { display: flex; flex-wrap: wrap; gap: 6px 18px; margin-top: 28px; padding-top: 16px; border-top: 1px solid var(--atilab-line); font-size: 15px; }
.tfh__jump a { min-height: 32px; display: inline-flex; align-items: center; color: var(--atilab-ink-2); }
.tfh__jump a:hover { color: var(--atilab-ink); text-decoration: underline; text-underline-offset: 5px; }
.tfh__media { position: relative; margin: 0; overflow: hidden; aspect-ratio: 4 / 3.3; }
.tfh__media img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 40%; }
.tfh__media figcaption { position: absolute; left: 12px; bottom: 12px; padding: 5px 10px; border-radius: 4px; background: rgba(20,22,25,.85); font-family: var(--atilab-mono); font-size: 13px; }
@media (max-width: 899px) { .tfh__grid { grid-template-columns: minmax(0, 1fr); } .tfh__media { order: -1; aspect-ratio: 16 / 10; } }

/* ===== teknofest/02.html ===== */
.ssn { display: grid; grid-template-columns: 220px minmax(0, 1fr); gap: clamp(20px, 3vw, 48px); align-items: start; }
.ssn__tabs { display: grid; gap: 0; border-top: 1px solid var(--atilab-line); }
.ssn__tab { position: relative; display: flex; align-items: baseline; justify-content: space-between; gap: 12px; padding: 16px 0; border-bottom: 1px solid var(--atilab-line); text-align: left; color: var(--atilab-ink-3); transition: color .2s ease; }
.ssn__tab::before { content: ""; position: absolute; left: -16px; top: 18px; bottom: 18px; width: 3px; background: var(--atilab-ink); transform: scaleY(0); transition: transform .3s var(--atilab-ease); }
.ssn__tab:hover { color: var(--atilab-ink-2); }
.ssn__tab[aria-selected="true"] { color: #fff; }
.ssn__tab[aria-selected="true"]::before { transform: none; }
.ssn__y { font-size: clamp(44px, 5vw, 72px); font-weight: 600; letter-spacing: -.05em; line-height: .9; font-variant-numeric: tabular-nums; }
.ssn__p { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); gap: clamp(20px, 3vw, 40px); align-items: start; }
.ssn__p[hidden], .ssn__alt[hidden] { display: none; }
.ssn__p:not([hidden]) { animation: ssn-in .5s var(--atilab-ease) both; }
@keyframes ssn-in { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }
.ssn__media { position: relative; aspect-ratio: 4 / 3.2; overflow: hidden; background: #0f1113; }
.ssn__img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; transform: scale(1.04); transition: opacity .5s ease, transform 1.2s var(--atilab-ease); }
.ssn__img.is-on { opacity: 1; transform: none; }
.ssn__loc { font-size: 14px; color: var(--atilab-ink-3); }
.ssn__rows { margin-top: 10px; border-top: 1px solid var(--atilab-line-2); }
.ssn__row { display: grid; grid-template-columns: 64px minmax(0, 1fr); gap: 16px; align-items: center; padding: 16px 12px 16px 0; border-bottom: 1px solid var(--atilab-line); cursor: default; outline: none; transition: background-color .2s ease; }
.ssn__row { width: 100%; } /* a <button> since phase 4: fill the row like the list item did */
.ssn__row.is-on, .ssn__row:hover, .ssn__row:focus-visible { background: var(--atilab-raise); }
.ssn__row:focus-visible { box-shadow: inset 0 0 0 2px var(--atilab-ink); }
.ssn__rank { justify-self: center; font-size: 44px; font-weight: 600; letter-spacing: -.05em; line-height: 1; color: var(--atilab-ink-3); transition: color .2s ease; }
.ssn__row.is-on .ssn__rank { color: #fff; }
.ssn__txt { display: flex; flex-direction: column; gap: 2px; }
.ssn__txt strong { font-size: 19px; font-weight: 600; letter-spacing: -.02em; }
.ssn__txt > span { font-size: 15.5px; }
.ssn__comp { font-family: var(--atilab-mono); font-size: 13px !important; color: var(--atilab-ink-3); }
.ssn__alt { margin-top: 12px; font-size: 14px; color: var(--atilab-ink-2); }
@media (max-width: 999px) {
  .ssn { grid-template-columns: minmax(0, 1fr); }
  .ssn__tabs { grid-template-columns: repeat(3, minmax(0, 1fr)); border-top: 0; border-bottom: 1px solid var(--atilab-line); }
  .ssn__tab { flex-direction: column; align-items: flex-start; border-bottom: 0; padding: 10px 0 14px; }
  .ssn__tab::before { left: 0; right: 0; top: auto; bottom: -1px; width: auto; height: 3px; transform: scaleX(0); }
  .ssn__p { grid-template-columns: minmax(0, 1fr); }
}
@media (prefers-reduced-motion: reduce) { .ssn__img { transition: none; } .ssn__p:not([hidden]) { animation: none; } }

/* ===== teknofest/03.html ===== */
.gar__filters { display: flex; flex-wrap: wrap; gap: 8px; margin: -8px 0 24px; }
.gar__f { min-height: 40px; padding: 8px 14px; border-radius: var(--atilab-r); box-shadow: inset 0 0 0 1px var(--atilab-line-2); font-size: 14.5px; color: var(--atilab-ink-2); transition: background-color .2s ease, color .2s ease; }
.gar__f:hover { color: var(--atilab-ink); }
.gar__f[aria-pressed="true"] { background: var(--atilab-ink); color: var(--atilab-bg); box-shadow: none; }
.gar__nav { display: flex; gap: 8px; }
.gar__arrow { display: grid; place-items: center; width: 44px; height: 44px; border-radius: var(--atilab-r); box-shadow: inset 0 0 0 1px var(--atilab-line-2); }
.gar__arrow:hover { background: var(--atilab-raise); }
.gar__track { display: flex; gap: 16px; overflow-x: auto; scroll-snap-type: x mandatory; scroll-padding-left: var(--atilab-gutter); padding: 4px var(--atilab-gutter) 18px; max-width: none; scrollbar-width: thin; scrollbar-color: var(--atilab-line-2) transparent; }
@media (min-width: 1400px) { .gar__track { padding-left: calc((100vw - var(--atilab-max)) / 2); scroll-padding-left: calc((100vw - var(--atilab-max)) / 2); } }
.gar__bay { flex: 0 0 min(380px, 84vw); scroll-snap-align: start; display: flex; flex-direction: column; border: 1px solid var(--atilab-line); border-radius: var(--atilab-r); background: var(--atilab-raise); overflow: hidden; transition: border-color .2s ease; }
.gar__bay:hover { border-color: var(--atilab-ink-2); }
.gar__bay--x { flex-basis: min(300px, 76vw); }
.gar__bay[hidden] { display: none; }
.gar__shot { margin: 0; aspect-ratio: 4 / 3; overflow: hidden; background: #0f1113; }
.gar__shot img { width: 100%; height: 100%; object-fit: cover; transition: transform .8s var(--atilab-ease); }
.gar__bay:hover .gar__shot img { transform: scale(1.05); }
.gar__body { display: flex; flex-direction: column; gap: 6px; padding: 18px 20px 20px; flex: 1 1 auto; }
.gar__grp { font-size: 13.5px; color: var(--atilab-ink-3); }
.gar__name { font-size: 20px; letter-spacing: -.02em; line-height: 1.2; }
.gar__team { margin: -4px 0 4px; font-size: 15.5px; font-weight: 500; }
.gar__line { font-size: 15px; color: var(--atilab-ink-2); }
.gar__res { margin-top: 6px; display: grid; gap: 4px; }
.gar__res li { font-family: var(--atilab-mono); font-size: 13px; padding: 4px 8px; border-radius: 2px; box-shadow: inset 0 0 0 1px var(--atilab-line-2); justify-self: start; }
.gar__cap { margin-top: auto; padding-top: 12px; border-top: 1px solid var(--atilab-line); font-size: 15px; }
.gar__cap > span:first-child { display: block; font-size: 13px; color: var(--atilab-ink-3); }

/* ===== teknofest/04.html ===== */
.jr__intro { position: sticky; top: 24px; }
.jr__h { font-size: 18px; margin-bottom: 14px; }
.jr { position: relative; display: grid; gap: 14px; padding-left: 36px; counter-reset: jr; }
.jr::before { content: ""; position: absolute; left: 11px; top: 8px; bottom: 8px; width: 2px; background: var(--atilab-line); }
.jr::after { content: ""; position: absolute; left: 11px; top: 8px; width: 2px; height: var(--p, 0%); background: var(--atilab-ink); transition: height .4s var(--atilab-ease); }
.jr__s { position: relative; padding: 18px 20px; border: 1px solid var(--atilab-line); border-radius: var(--atilab-r); counter-increment: jr; transition: border-color .3s ease, background-color .3s ease; }
.jr__s::before { content: counter(jr); position: absolute; left: -36px; top: 18px; z-index: 1; display: grid; place-items: center; width: 24px; height: 24px; border-radius: 50%; background: var(--atilab-bg); box-shadow: inset 0 0 0 2px var(--atilab-line-2); font-family: var(--atilab-mono); font-size: 13px; transition: background-color .3s ease, color .3s ease; }
.jr__s.is-on { border-color: var(--atilab-ink-2); background: var(--atilab-raise); }
.jr__s.is-on::before { background: var(--atilab-ink); color: var(--atilab-bg); box-shadow: none; }
.jr__s h4 { font-size: clamp(20px, 1.8vw, 26px); letter-spacing: -.025em; }
.jr__s p { margin-top: 4px; color: var(--atilab-ink-2); }
@media (max-width: 999px) { .jr__intro { position: static; } }

/* ===== teknofest/05.html ===== */
.om__more { display: inline-flex; align-items: center; gap: 6px; font-weight: 600; } .om__more:hover { text-decoration: underline; text-underline-offset: 5px; }
.om { --mx: 0; position: relative; border: 1px solid var(--atilab-line); border-radius: 12px; overflow: hidden; }
.om__band { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr); min-height: 210px; border-top: 1px solid var(--atilab-line); }
.om__band:first-child { border-top: 0; }
.om__band--air { background: linear-gradient(180deg, #1f2226, #1b1e22); }
.om__band--land { background: #181b1e; }
.om__band--surf { background: linear-gradient(180deg, #16191c 52%, #121518 52%); border-top-style: dashed; }
.om__band--deep { background: linear-gradient(180deg, #111316, #0b0c0e); }
.om__stage { grid-column: 2; grid-row: 1; position: relative; min-height: 210px; }
.om__art { position: absolute; inset: 0; width: 100%; height: 100%; display: block; fill: none; stroke: #6b717a; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; transition: stroke .3s ease; }
.om__band:hover .om__art { stroke: var(--atilab-ink); }
.om__fill { fill: #22262b; }
/* a Lottie file, when present, takes over from the drawn vehicle (which stays as the fallback until it loads) */
.om__lottie { position: absolute; inset: 4% 0; transform: translateX(calc(var(--mx) * 40px)); transition: transform .6s var(--atilab-ease); }
.om__lottie svg { display: block; }
.om__lottie { opacity: 0; } .om__lottie.is-on { opacity: 1; }
.om__stage.is-lottie .om__lottie { transition: transform .6s var(--atilab-ease), opacity .5s ease; }
.om__cap { position: absolute; right: 16px; top: 12px; margin: 0; font-family: var(--atilab-mono); font-size: 13px; color: var(--atilab-ink-3); transition: opacity .3s ease; }
.om__stage:not(.is-lottie) .om__cap { display: none; }
.om__band--deep { min-height: 270px; }
.om__slot { position: absolute; width: 60%; height: 68%; }
.om__slot--0 { left: 0; top: 2%; } .om__slot--1 { right: 0; bottom: 8%; }
.om__slot .om__lottie { inset: 0; }
.om__slab { position: absolute; left: 0; right: 0; top: 4px; margin: 0; text-align: center; font-family: var(--atilab-mono); font-size: 13px; color: var(--atilab-ink-3); }
.om__stage:not(.is-lottie) .om__slab { display: none; }
.om__stage.is-lottie .om__move { display: none; }
.om__faint { stroke: #3a3f46; stroke-width: 1.5; }
.om__ground { fill: #121417; stroke: #4a5059; }
.om__hatch line { stroke: #2b2f35; stroke-width: 1.5; }
.om__water { fill: #121518; stroke: none; }
.om__track { stroke-dasharray: 6 5; }
.om__beam { fill: rgba(236, 238, 241, .06); stroke: none; }
.om__lamp { fill: var(--atilab-ink); stroke: none; }
.om__rotor { stroke-width: 1.5; }
/* vehicles lean toward the pointer; each band keeps its own motion loop */
.om__move { transform: translateX(calc(var(--mx) * 40px)); transition: transform .6s var(--atilab-ease); }
.om__drone { animation: om-fly 9s ease-in-out infinite; }
.om__rotor { animation: om-spin .18s linear infinite alternate; transform-box: fill-box; transform-origin: center; }
.om__tank { animation: om-drive 14s ease-in-out infinite; }
.om__track { animation: om-tread .6s linear infinite; }
.om__boat { animation: om-bob 3.2s ease-in-out infinite; }
.om__waves { animation: om-wave 6s linear infinite; } .om__waves--2 { animation-duration: 10s; }
.om__rov { animation: om-swim 16s ease-in-out infinite; }
.om__bub circle { animation: om-bub 2.8s ease-in infinite; transform-box: fill-box; }
.om__bub circle:nth-child(2) { animation-delay: .9s; } .om__bub circle:nth-child(3) { animation-delay: 1.8s; }
@keyframes om-fly { 0% { transform: translate(170px, 70px); } 50% { transform: translate(430px, 58px) rotate(4deg); } 100% { transform: translate(170px, 70px); } }
@keyframes om-spin { to { transform: scaleX(.35); } }
@keyframes om-drive { 0%, 100% { transform: translate(250px, 150px); } 50% { transform: translate(390px, 150px); } }
@keyframes om-tread { to { stroke-dashoffset: -11; } }
@keyframes om-bob { 0%, 100% { transform: translate(320px, 98px) rotate(-2deg); } 50% { transform: translate(320px, 104px) rotate(2deg); } }
@keyframes om-wave { to { transform: translateX(120px); } }
@keyframes om-swim { 0%, 100% { transform: translate(230px, 100px); } 50% { transform: translate(340px, 86px); } }
@keyframes om-bub { 0% { transform: translate(0, 0); opacity: .9; } 100% { transform: translate(-6px, -70px); opacity: 0; } }
.om:not(.is-run) * { animation-play-state: paused; }
.om__txt { grid-column: 1; grid-row: 1; position: relative; display: flex; flex-direction: column; justify-content: center; gap: 8px; padding: clamp(20px, 2.6vw, 32px) clamp(18px, 2.8vw, 40px); }
.om__tag { font-family: var(--atilab-mono); font-size: 13px; color: var(--atilab-ink-3); text-transform: lowercase; }
.om__tag::first-letter { text-transform: uppercase; }
.om__t { font-size: clamp(26px, 2.6vw, 38px); letter-spacing: -.04em; line-height: 1; }
.om__list { display: grid; gap: 6px; margin-top: 6px; }
.om__list li { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 12px; font-size: 16px; }
.om__p { font-weight: 600; }
.om__r { font-family: var(--atilab-mono); font-size: 13px; padding: 2px 7px; border-radius: 3px; background: var(--atilab-ink); color: var(--atilab-bg); }
.om__note { margin-top: 4px; font-size: 14.5px; color: var(--atilab-ink-2); }
@media (max-width: 799px) {
  .om__band { grid-template-columns: minmax(0, 1fr); min-height: 0; }
  .om__stage { grid-column: 1; grid-row: 1; min-height: 0; height: 140px; }
  .om__stage--pair { height: 240px; }
  .om__slot { width: 100%; height: 50%; } .om__slot--0 { top: 0; } .om__slot--1 { bottom: 0; }
  .om__txt { grid-row: 2; padding-top: 4px; }
}
@media (prefers-reduced-motion: reduce) { .om * { animation: none !important; } .om__move { transition: none; } }

/* ===== etkinlikler/02.html ===== */
.bl-top { padding: clamp(28px, 4vw, 56px) 0 0; }
.bl-top__head { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 12px 40px; margin: 14px 0 clamp(24px, 3vw, 40px); }
.bl-top__t { font-size: clamp(44px, 6vw, 88px); letter-spacing: -.045em; line-height: .95; }
.bl-top__sub { max-width: 40ch; color: var(--atilab-ink-2); padding-bottom: 6px; }
.bl-feat { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr); border: 1px solid var(--atilab-line); border-radius: 10px; background: var(--atilab-raise); overflow: hidden; }
.bl-feat[hidden] { display: none; }
.bl-feat__img { display: block; aspect-ratio: 16 / 10; overflow: hidden; }
.bl-feat__img img, .bl-post__img img { width: 100%; height: 100%; object-fit: cover; transition: transform .8s var(--atilab-ease); }
.bl-feat:hover .bl-feat__img img, .bl-post:hover .bl-post__img img { transform: scale(1.04); }
.bl-feat__body { display: flex; flex-direction: column; justify-content: center; gap: 10px; padding: clamp(22px, 3vw, 44px); }
.bl-meta { display: flex; align-items: center; gap: 12px; font-size: 13.5px; color: var(--atilab-ink-3); }
.bl-tag { padding: 3px 9px; border-radius: 4px; background: var(--atilab-ink); color: var(--atilab-bg); font-weight: 600; }
.bl-feat__t { font-size: clamp(28px, 3vw, 44px); letter-spacing: -.035em; line-height: 1.05; }
.bl-feat__t a:hover, .bl-post__t a:hover { text-decoration: underline; text-underline-offset: 6px; text-decoration-thickness: 2px; }
.bl-date { font-family: var(--atilab-mono); font-size: 13px; color: var(--atilab-ink-2); }
.bl-feat__x, .bl-post__x { color: var(--atilab-ink-2); }
.bl-more { display: inline-flex; align-items: center; gap: 6px; margin-top: 4px; font-weight: 600; }
.bl-more svg.atilab-i { transition: transform .25s var(--atilab-ease); } .bl-more:hover svg.atilab-i { transform: translateX(4px); }

.bl-grid { display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: clamp(28px, 4vw, 56px); align-items: start; }
.bl-h { font-size: 22px; letter-spacing: -.02em; padding-bottom: 14px; border-bottom: 1px solid var(--atilab-line); }
.bl-post { display: grid; grid-template-columns: 280px minmax(0, 1fr); gap: 24px; padding: 24px 0; border-bottom: 1px solid var(--atilab-line); }
.bl-post[hidden] { display: none; }
.bl-post__img { display: block; aspect-ratio: 4 / 3; overflow: hidden; }
.bl-post__img--none { display: flex; flex-direction: column; justify-content: flex-end; gap: 4px; padding: 18px; background-color: #111316; box-shadow: inset 0 0 0 1px var(--atilab-line); }
.bl-post__img--none b { font-size: clamp(34px, 3.4vw, 48px); font-weight: 600; letter-spacing: -.045em; line-height: 1; }
.bl-post__img--none span { font-family: var(--atilab-mono); font-size: 13px; color: var(--atilab-ink-3); }
.bl-post__body { display: flex; flex-direction: column; gap: 8px; }
.bl-post__t { font-size: clamp(21px, 1.9vw, 26px); letter-spacing: -.025em; line-height: 1.15; }
.bl-empty { padding: 24px 0; color: var(--atilab-ink-2); }

.bl-side { position: sticky; top: 24px; display: grid; gap: 16px; }
.bl-box { padding: 20px; border: 1px solid var(--atilab-line); border-radius: 10px; background: var(--atilab-raise); }
.bl-box__t { font-size: 16px; letter-spacing: -.01em; margin-bottom: 12px; }
.bl-cats { display: grid; }
.bl-cats button { display: flex; justify-content: space-between; align-items: center; width: 100%; min-height: 42px; padding: 8px 10px; border-radius: 5px; font-size: 15px; color: var(--atilab-ink-2); }
.bl-cats button:hover { background: var(--atilab-bg); color: var(--atilab-ink); }
.bl-cats button b { font-family: var(--atilab-mono); font-weight: 400; font-size: 13px; }
.bl-cats button[aria-pressed="true"] { background: var(--atilab-ink); color: var(--atilab-bg); }
.bl-recent { display: grid; gap: 12px; }
.bl-recent a { display: flex; gap: 12px; align-items: center; }
.bl-recent__img { flex: 0 0 64px; height: 48px; overflow: hidden; } .bl-recent__img img { width: 100%; height: 100%; object-fit: cover; }
.bl-recent b { display: block; font-size: 15px; font-weight: 600; line-height: 1.3; }
.bl-recent a > span:last-child > span { font-size: 13px; color: var(--atilab-ink-3); }
.bl-recent a:hover b { text-decoration: underline; text-underline-offset: 4px; }
.bl-box--cta { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; }
.bl-box--cta p { font-size: 15px; color: var(--atilab-ink-2); }
.bl-box--cta .atilab-btn { width: 100%; }

@media (max-width: 999px) { .bl-grid { grid-template-columns: minmax(0, 1fr); } .bl-side { position: static; grid-template-columns: repeat(2, minmax(0, 1fr)); } .bl-box--cta { grid-column: 1 / -1; } .bl-feat { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 699px) { .bl-post { grid-template-columns: minmax(0, 1fr); gap: 14px; } .bl-post__img--none { aspect-ratio: 21 / 9; } .bl-side { grid-template-columns: minmax(0, 1fr); } }

/* ===== etkinlik-teknofest-2025/01.html ===== */
.ps { padding: clamp(28px, 4vw, 56px) 0 0; }
.ps__crumb { font-size: 14px; color: var(--atilab-ink-3); } .ps__crumb a:hover { color: var(--atilab-ink); }
.ps__meta { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 14px; margin-top: clamp(20px, 3vw, 36px); font-size: 14px; color: var(--atilab-ink-2); }
.ps__tag { padding: 3px 9px; border-radius: 4px; background: var(--atilab-ink); color: var(--atilab-bg); font-weight: 600; }
.ps__date { font-family: var(--atilab-mono); font-size: 13px; }
.ps__t { max-width: 20ch; margin-top: 14px; font-size: clamp(36px, 5.4vw, 76px); letter-spacing: -.045em; line-height: 1; text-wrap: balance; }
.ps__lead { position: relative; margin: clamp(24px, 3.4vw, 44px) 0 0; overflow: hidden; aspect-ratio: 21 / 9; background: #0f1113; }
.ps__lead img { width: 100%; height: 100%; object-fit: cover; }
.ps__grid { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: clamp(28px, 5vw, 80px); align-items: start; padding: clamp(32px, 4vw, 56px) 0 0; }
.ps__body p { max-width: 64ch; font-size: clamp(17px, 1.3vw, 19px); line-height: 1.65; color: var(--atilab-ink-2); }
.ps__body p:first-child { font-size: clamp(20px, 1.7vw, 24px); line-height: 1.45; color: var(--atilab-ink); letter-spacing: -.01em; }
.ps__body p + p { margin-top: 1.1em; }
.ps__side { position: sticky; top: 24px; padding: 20px; border: 1px solid var(--atilab-line); border-radius: 10px; background: var(--atilab-raise); }
.ps__side .atilab-spec { grid-template-columns: 96px minmax(0, 1fr); }
.ps__side .atilab-btn { width: 100%; margin-top: 16px; }
.ps__side .atilab-eksik { margin-top: 8px; }
.ps__gal-h { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; margin-top: clamp(48px, 6vw, 80px); padding-bottom: 14px; border-bottom: 1px solid var(--atilab-line); }
.ps__gal-h h2 { font-size: clamp(22px, 2vw, 28px); letter-spacing: -.025em; }
.ps__gal-h span { font-family: var(--atilab-mono); font-size: 13px; color: var(--atilab-ink-3); }
.ps__gal { columns: 3 260px; column-gap: 10px; margin-top: 16px; }
.ps__ph { position: relative; display: block; width: 100%; margin: 0 0 10px; padding: 0; overflow: hidden; break-inside: avoid; cursor: zoom-in; background: #0f1113; }
.ps__ph img { display: block; width: 100%; height: auto; transition: transform .9s var(--atilab-ease), opacity .3s ease; }
.ps__ph:hover img { transform: scale(1.035); }
.ps__ph:focus-visible { outline: 2px solid var(--atilab-ink); outline-offset: 2px; }
.ps__nav { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-top: clamp(48px, 6vw, 80px); padding-top: 20px; border-top: 1px solid var(--atilab-line); }
.ps__nav a { display: flex; flex-direction: column; gap: 4px; padding: 16px 18px; border: 1px solid var(--atilab-line); border-radius: 8px; transition: border-color .2s ease, background-color .2s ease; }
.ps__nav a:hover { border-color: var(--atilab-ink-2); background: var(--atilab-raise); }
.ps__nav span { display: inline-flex; align-items: center; gap: 6px; font-size: 13.5px; color: var(--atilab-ink-3); }
.ps__nav b { font-size: 17px; font-weight: 600; letter-spacing: -.015em; line-height: 1.25; }
.ps__nav .ps__next { text-align: right; align-items: flex-end; grid-column: 2; }
/* lightbox */
.ps__lb { position: fixed; inset: 0; z-index: 9999; display: grid; grid-template-rows: 1fr auto; place-items: center; padding: 56px 16px 16px; background: rgba(10,11,13,.94); }
.ps__lb[hidden] { display: none; }
.ps__lb img { max-width: min(1400px, 100%); max-height: calc(100vh - 150px); max-height: calc(100dvh - 150px); width: auto; height: auto; }
.ps__lb p { margin-top: 12px; max-width: 70ch; text-align: center; font-size: 14.5px; color: var(--atilab-ink-2); }
.ps__lb button { position: absolute; display: grid; place-items: center; width: 48px; height: 48px; border-radius: 50%; background: rgba(27,30,34,.9); color: var(--atilab-ink); box-shadow: inset 0 0 0 1px var(--atilab-line-2); }
.ps__lb button:hover { background: var(--atilab-raise-2); }
.ps__lb-x { top: 12px; right: 12px; } .ps__lb-p { left: 12px; top: 50%; } .ps__lb-n { right: 12px; top: 50%; }
.ps__lb-n svg.atilab-i { transform: none; } .ps__lb-p svg.atilab-i { transform: none; }
@media (max-width: 899px) { .ps__grid { grid-template-columns: minmax(0, 1fr); } .ps__side { position: static; } .ps__lead { aspect-ratio: 16 / 10; } }
@media (max-width: 599px) { .ps__gal { columns: 2; column-gap: 8px; } .ps__ph { margin-bottom: 8px; } .ps__nav { grid-template-columns: minmax(0, 1fr); } .ps__nav .ps__next { grid-column: 1; } .ps__lb-p, .ps__lb-n { top: auto; bottom: 14px; } .ps__lb p { padding: 0 52px; } }
@media (prefers-reduced-motion: reduce) { .ps__ph img { transition: none; } }

/* ===== ekibimiz/01.html ===== */
#atilab-pp { padding-top: clamp(28px, 4vw, 56px); } .lp-crumb { font-size: 14px; color: var(--atilab-ink-3); } .lp-crumb a:hover { color: var(--atilab-ink); }

/* ===== ekibimiz/01.html ===== */
.pp { --drop: 40px; display: flex; flex-direction: column; align-items: center; }
.pp__ceo { position: relative; width: min(520px, 100%); padding-bottom: var(--drop); }
.pp__ceo::after { content: ""; position: absolute; left: 50%; bottom: 0; width: 2px; height: var(--drop); background: var(--atilab-line-2); }
.pp__node--ceo .pp__card { flex-direction: row; align-items: stretch; }
.pp__node--ceo .pp__img { flex: 0 0 42%; aspect-ratio: 4 / 5; }
.pp__node--ceo .pp__body { justify-content: flex-end; padding: 22px; }
.pp__node--ceo .pp__name { font-size: clamp(24px, 2.4vw, 32px); letter-spacing: -.035em; }
.pp__node--ceo .pp__role { display: inline-block; align-self: flex-start; margin-top: 6px; padding: 3px 9px; border-radius: 4px; background: var(--atilab-ink); color: var(--atilab-bg); font-weight: 600; }
.pp__lvl-t { position: relative; width: 100%; display: flex; justify-content: center; }
.pp__lvl-t span { position: relative; z-index: 1; padding: 5px 12px; border-radius: 999px; background: var(--atilab-bg); box-shadow: inset 0 0 0 1px var(--atilab-line-2); font-family: var(--atilab-mono); font-size: 13px; color: var(--atilab-ink-2); }
.pp__lvl-t::before { content: ""; position: absolute; left: 50%; top: 0; bottom: 0; width: 2px; background: var(--atilab-line-2); }
.pp__row { position: relative; display: grid; gap: 16px; width: 100%; padding: calc(var(--drop) / 2) 0; }

.pp__row--5 { grid-template-columns: repeat(5, minmax(0, 1fr)); padding-bottom: 0; }
/* a bus line joins the first and last column centres; each card hangs from it; the row below hangs from the centre */
.pp__row::before { content: ""; position: absolute; top: 0; height: 2px; background: var(--atilab-line-2); pointer-events: none; }

.pp__row--5::before { left: 10%; right: 10%; }
.pp__row--mid::after { content: ""; position: absolute; left: 50%; bottom: 0; width: 2px; height: calc(var(--drop) / 2); background: var(--atilab-line-2); }
.pp__row > .pp__node::before { content: ""; position: absolute; left: 50%; top: calc(var(--drop) / -2); width: 2px; height: calc(var(--drop) / 2); background: var(--atilab-line-2); transition: background-color .25s ease; }
.pp__lvl-t { padding: 0; }
.pp__node { position: relative; }
.pp__node:hover::before { background: var(--atilab-ink); }
.pp__card { display: flex; flex-direction: column; height: 100%; border: 1px solid var(--atilab-line); border-radius: 10px; background: var(--atilab-raise); overflow: hidden; transition: border-color .25s ease, transform .35s var(--atilab-ease); }
.pp__node:hover .pp__card { border-color: var(--atilab-ink-2); transform: translateY(-3px); }
.pp__img { position: relative; display: block; aspect-ratio: 4 / 5; overflow: hidden; background: #d9dadc; }
.pp__img img { width: 100%; height: 100%; object-fit: cover; filter: grayscale(1) contrast(1.04); transition: filter .5s ease, transform .9s var(--atilab-ease); }
.pp__node:hover .pp__img img { filter: none; transform: scale(1.03); }

.pp__body { display: flex; flex-direction: column; gap: 2px; padding: 14px 16px 16px; flex: 1 1 auto; }
.pp__name { font-size: 17px; font-weight: 600; letter-spacing: -.015em; line-height: 1.25; }
.pp__role { font-size: 13.5px; color: var(--atilab-ink-3); }
.pp__team { align-self: flex-start; margin-top: 8px; padding: 3px 8px; border-radius: 3px; box-shadow: inset 0 0 0 1px var(--atilab-line-2); font-family: var(--atilab-mono); font-size: 13px; }
.pp__edu { display: inline-flex; align-items: center; gap: 6px; margin-top: auto; padding-top: 10px; font-size: 13.5px; color: var(--atilab-ink-2); } .pp__edu svg.atilab-i { width: 16px; height: 16px; }
.pp__team { margin-bottom: 2px; }
.pp__team-h { display: flex; align-items: baseline; justify-content: space-between; margin-top: clamp(48px, 6vw, 80px); padding-bottom: 14px; border-bottom: 1px solid var(--atilab-line); }
.pp__team-h h2 { font-size: clamp(22px, 2vw, 28px); letter-spacing: -.025em; }
.pp__team-h span { font-family: var(--atilab-mono); font-size: 13px; color: var(--atilab-ink-3); }
.pp__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; margin-top: 20px; }
.pp__node--m .pp__body { padding: 12px 14px 14px; }
.pp--js .pp__node { opacity: 0; transform: translateY(12px); transition: opacity .5s ease, transform .6s var(--atilab-ease); transition-delay: calc(var(--i) * 55ms); }
.pp--js.is-in .pp__node { opacity: 1; transform: none; }
@media (max-width: 899px) {
  
  
  
  .pp__row--5 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .pp__row--5::before { left: calc(100% / 6); right: calc(100% / 6); }
  .pp__row--5 > .pp__node:nth-child(n+4)::before { display: none; }
  .pp__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 599px) {
  /* phone: one spine on the left instead of bus lines */
  .pp { --drop: 24px; position: relative; align-items: stretch; padding-left: 22px; }
  .pp::before { content: ""; position: absolute; left: 6px; top: 24px; bottom: 24px; width: 2px; background: var(--atilab-line-2); }
  .pp__ceo::after, .pp__lvl-t::before, .pp__row::before, .pp__row::after, .pp__row > .pp__node::before { display: none; }
  .pp__ceo { width: 100%; }
  .pp__lvl-t { justify-content: flex-start; margin-left: -22px; }
  .pp__node--ceo .pp__img { flex-basis: 40%; }
  .pp__node--ceo .pp__body { padding: 16px; }
  .pp__row, .pp__row--5 { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .pp__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .pp__name { font-size: 15.5px; } .pp__body { padding: 10px 12px 12px; }
}
@media (hover: none) { .pp__img img { filter: none; } }
@media (prefers-reduced-motion: reduce) { .pp--js .pp__node { opacity: 1; transform: none; transition: none; } }

/* ===== ekibimiz/02.html ===== */
.ek { --gap: 20px; --drop: 44px; }
.ek__lead { position: relative; display: flex; justify-content: center; padding-bottom: var(--drop); }
.ek__lead::after { content: ""; position: absolute; left: 50%; bottom: 0; width: 2px; height: var(--drop); background: var(--atilab-line-2); }
.ek__mgr { display: flex; align-items: center; gap: 18px; min-width: min(460px, 100%); padding: 20px 24px; border-radius: 10px; background: var(--atilab-ink); color: var(--atilab-bg); }
.ek__avatar { display: grid; place-items: center; width: 64px; height: 64px; flex: 0 0 auto; border-radius: 50%; background: var(--atilab-bg); color: var(--atilab-ink-2); }
.ek__avatar img { width: 40px; height: 40px; object-fit: contain; } .ek__avatar svg.atilab-i { width: 30px; height: 30px; }
.ek__mgr-body { display: flex; flex-direction: column; gap: 4px; }
.ek__mgr .ek__grp { color: #3a3f46; }
.ek__mgr-name { font-size: 20px; font-weight: 600; letter-spacing: -.02em; } .ek__mgr-name .atilab-eksik { color: var(--atilab-bg); border-color: #3a3f46; }
.ek__mgr-sub { font-size: 15px; font-weight: 600; }
/* three columns hang from one bus line; cards in a column sit on that column's line */
.ek__grid { position: relative; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--gap); padding-top: var(--drop); }
.ek__grid::before { content: ""; position: absolute; top: 0; left: calc(100% / 6); right: calc(100% / 6); height: 2px; background: var(--atilab-line-2); }
.ek__node { position: relative; }
.ek__node::before { content: ""; position: absolute; left: 50%; top: calc(-1 * var(--gap)); width: 2px; height: var(--gap); background: var(--atilab-line-2); transition: background-color .25s ease; }
.ek__node:nth-child(-n+3)::before { top: calc(-1 * var(--drop)); height: var(--drop); }
.ek__card { position: relative; display: flex; flex-direction: column; height: 100%; border: 1px solid var(--atilab-line); border-radius: 10px; background: var(--atilab-raise); overflow: hidden; transition: border-color .2s ease, transform .3s var(--atilab-ease); }
.ek__card:hover, .ek__card:focus-visible { border-color: var(--atilab-ink); transform: translateY(-3px); }
.ek__node:hover::before { background: var(--atilab-ink); }
.ek__img { display: block; aspect-ratio: 16 / 9; overflow: hidden; background: #0f1113; }
.ek__img img { width: 100%; height: 100%; object-fit: cover; transition: transform .8s var(--atilab-ease); }
.ek__card:hover .ek__img img { transform: scale(1.05); }
.ek__img--none { display: grid; place-items: center; }
.ek__img--none span { font-family: var(--atilab-mono); font-size: 13px; color: var(--atilab-ink-3); }
.ek__body { display: flex; flex-direction: column; gap: 6px; padding: 16px 18px 18px; flex: 1 1 auto; }
.ek__grp { font-size: 13.5px; color: var(--atilab-ink-3); }
.ek__name { font-size: 18px; font-weight: 600; letter-spacing: -.015em; line-height: 1.25; }
.ek__res { align-self: flex-start; padding: 3px 8px; border-radius: 3px; box-shadow: inset 0 0 0 1px var(--atilab-line-2); font-family: var(--atilab-mono); font-size: 13px; }
.ek__cap { margin-top: auto; padding-top: 12px; border-top: 1px solid var(--atilab-line); font-size: 15px; }
.ek__cap > span { display: block; font-size: 13px; color: var(--atilab-ink-3); }
/* cards join the tree one after another when the section is reached */
.ek--js .ek__node { opacity: 0; transform: translateY(12px); transition: opacity .5s ease, transform .6s var(--atilab-ease); transition-delay: calc(var(--i) * 60ms); }
.ek--js.is-in .ek__node { opacity: 1; transform: none; }
@media (max-width: 899px) { .ek__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .ek__grid::before { left: 25%; right: 25%; } .ek__node:nth-child(3)::before { top: calc(-1 * var(--gap)); height: var(--gap); } }
@media (max-width: 599px) {
  .ek__lead { justify-content: flex-start; } .ek__lead::after { left: 22px; }
  .ek__mgr { min-width: 0; width: 100%; }
  .ek__grid { grid-template-columns: minmax(0, 1fr); padding: var(--drop) 0 0 44px; }
  .ek__grid::before { left: 22px; right: auto; top: 0; bottom: 40px; width: 2px; height: auto; }
  .ek__node::before, .ek__node:nth-child(-n+3)::before { left: -22px; top: 40px; width: 22px; height: 2px; }
}
@media (prefers-reduced-motion: reduce) { .ek--js .ek__node { opacity: 1; transform: none; transition: none; } }

/* breadcrumb on TEKNOFEST and Etkinlikler: unstyled before the merge, kept that way until decided */
.lp-crumb.lp-crumb--asis { font-size: inherit; color: inherit; }
/* sections that had no hairline on top in the approved preview (see site/make-static.mjs in the old repo); delete this rule to show the line everywhere */
.atilab-sec + .atilab-sec.atilab-sec--noline { border-top: 0; }

/* launch switch: <body class="atilab-hide-drafts"> hides every [EKSİK: …] box and every "taslak" tag on that page */
.atilab-hide-drafts .atilab-eksik, .atilab-hide-drafts .atilab-taslak { display: none !important; }

/* skip link: off screen until a keyboard user tabs to it, then top left in the ink button style */
.atilab-skip { position: absolute; z-index: 100; left: 12px; top: 12px; padding: 12px 18px; border-radius: var(--atilab-r); background: var(--atilab-ink); color: var(--atilab-bg); font-weight: 600; font-size: 15.5px; line-height: 1.2; transform: translateY(-300%); }
.atilab-skip:focus { transform: none; }

/* home: the latest event posts, the same cards as the Etkinlikler page; 3 across on wide screens,
   the Etkinlikler page's own list layout below 1000 px (photo left) and 700 px (photo on top) */
.atilab-evt__row { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0 clamp(24px, 3.4vw, 48px); }
.atilab-evt__row .bl-post { height: 100%; grid-template-columns: minmax(0, 1fr); align-content: start; gap: 14px; padding-top: 0; }
@media (max-width: 999px) {
  .atilab-evt__row { grid-template-columns: minmax(0, 1fr); }
  .atilab-evt__row .bl-post { grid-template-columns: 280px minmax(0, 1fr); gap: 24px; padding-top: 24px; }
  .atilab-evt__row > li:first-child .bl-post { padding-top: 0; }
}
@media (max-width: 699px) { .atilab-evt__row .bl-post { grid-template-columns: minmax(0, 1fr); gap: 14px; } }

/* ===== ar-ge-muhendislik: services (tabs) ===== */
/* one raised box: tab row, then headline left + text right, then one wide image resting on the box's bottom edge */
.atilab-svc__box { padding: clamp(20px, 3.4vw, 48px) clamp(16px, 3.4vw, 48px) 0; border: 1px solid var(--atilab-line); border-radius: var(--atilab-r); background: var(--atilab-raise); overflow: hidden; }
.atilab-svc__tabs { position: relative; display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin-bottom: clamp(28px, 3.6vw, 48px); }
.atilab-svc__tab { min-height: 44px; padding: 10px 18px; border-radius: var(--atilab-r); box-shadow: inset 0 0 0 1px var(--atilab-line-2); font-size: 15px; font-weight: 500; line-height: 1.2; color: var(--atilab-ink-2); white-space: nowrap; transition: background-color .18s ease, color .18s ease, box-shadow .18s ease; }
.atilab-svc__tab:hover { color: var(--atilab-ink); background: var(--atilab-raise-2); box-shadow: inset 0 0 0 1px var(--atilab-ink-2); }
.atilab-svc__tab[aria-selected="true"] { background: var(--atilab-ink); color: var(--atilab-bg); box-shadow: none; }
/* the visible panel fills the reserved height; spare space goes between the head and the image,
   so the image always rests on the box's bottom edge */
.atilab-svc__panels { display: grid; min-height: var(--atilab-svc-h, 0); }
.atilab-svc__panel { display: grid; grid-template-rows: auto 1fr; gap: clamp(28px, 3.6vw, 48px); }
.atilab-svc__panel > .atilab-svc__media { align-self: end; }
.atilab-svc__panel[hidden] { display: none; }
.atilab-svc__panel:not([hidden]) { animation: atilab-svc-in .18s ease-out; }
@keyframes atilab-svc-in { from { opacity: 0; } to { opacity: 1; } }
.atilab-svc__panel:focus-visible { outline: 2px solid var(--atilab-ink); outline-offset: 4px; border-radius: 2px; }
.atilab-svc__head { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 16px clamp(24px, 5vw, 80px); align-items: start; width: min(100%, 1080px); margin: 0 auto; }
.atilab-svc__title { font-size: clamp(30px, 3.4vw, 46px); line-height: 1.08; letter-spacing: -.03em; }
.atilab-svc__text { padding-top: .35em; font-size: clamp(16px, 1.35vw, 19px); line-height: 1.55; color: var(--atilab-ink-2); max-width: 46ch; }
.atilab-svc__media { position: relative; aspect-ratio: 2 / 1; border: 1px solid var(--atilab-line-2); border-bottom: 0; overflow: hidden; background: var(--atilab-bg); }
.atilab-svc__media img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: var(--pos, 50% 50%); }
/* the Mekanik drawing is shown whole, on its own paper colour */
.atilab-svc__media--paper { background: #eaebdb; }
.atilab-svc__media--paper img { object-fit: contain; padding: 3% 0; }
@media (max-width: 999px) {
  .atilab-svc__head { grid-template-columns: minmax(0, 1fr); }
  .atilab-svc__text { padding-top: 0; }
  .atilab-svc__media { aspect-ratio: 4 / 3; }
}
/* phones: the four tabs as a 2 x 2 grid, all visible */
@media (max-width: 767px) {
  .atilab-svc__tabs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-rows: 1fr; gap: 8px; }
  .atilab-svc__tab { padding: 10px 12px; font-size: 14.5px; white-space: normal; text-align: center; }
}

/* ===== ar-ge-muhendislik: feature block ===== */
/* one card: headline, line, four icon rows on hairlines, one button; the real board fills the right side */
.atilab-why__card { position: relative; display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); min-height: clamp(480px, 44vw, 640px); border: 1px solid var(--atilab-line); border-radius: var(--atilab-r); background: #000513; overflow: hidden; } /* #000513 = the PCB render's own background */
.atilab-why__copy { position: relative; z-index: 1; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding: clamp(28px, 4.4vw, 72px); }
.atilab-why__title { font-size: clamp(30px, 3.4vw, 46px); line-height: 1.08; letter-spacing: -.03em; max-width: 14ch; }
.atilab-why__text { margin-top: 16px; font-size: 16px; line-height: 1.6; color: var(--atilab-ink-2); max-width: 44ch; }
.atilab-why__rows { align-self: stretch; margin-top: 28px; max-width: 460px; }
.atilab-why__rows li { display: flex; align-items: center; gap: 14px; padding: 14px 0; font-size: 15.5px; font-weight: 500; line-height: 1.35; }
.atilab-why__rows li + li { border-top: 1px solid var(--atilab-line); }
.atilab-why__rows svg.atilab-i { width: 20px; height: 20px; color: var(--atilab-ink-2); }
.atilab-why__btn { margin-top: 30px; }
.atilab-why__media { position: absolute; inset: 0; margin: 0; }
.atilab-why__media img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 100% 50%; }
@media (max-width: 999px) {
  .atilab-why__card { grid-template-columns: minmax(0, 1fr); min-height: 0; }
  .atilab-why__media { position: relative; inset: auto; order: -1; height: clamp(240px, 62vw, 420px); }
  .atilab-why__media img { object-position: 84% 50%; } /* the board is in the right half of the render */
  .atilab-why__btn { align-self: stretch; }
}

/* ===== ar-ge-muhendislik: closing ===== */
/* text and four checks on the left; on the right our second board as a photo band, with the e-mail card over its left part */
.atilab-end { position: relative; padding: clamp(64px, 9vw, 136px) 0; }
.atilab-end__photo { position: absolute; top: 0; right: 0; bottom: 0; width: 46%; margin: 0; background: var(--atilab-raise); }
.atilab-end__photo img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 0%; }
.atilab-end__grid { position: relative; display: grid; grid-template-columns: minmax(0, 6fr) minmax(0, 5fr); gap: clamp(28px, 5vw, 80px); align-items: center; }
.atilab-end__title { font-size: clamp(40px, 4.6vw, 66px); line-height: 1.02; letter-spacing: -.04em; max-width: 12ch; }
.atilab-end__text { margin-top: 18px; font-size: clamp(16px, 1.35vw, 19px); line-height: 1.55; color: var(--atilab-ink-2); max-width: 42ch; }
.atilab-end__checks { display: grid; gap: 12px; margin-top: 28px; }
.atilab-end__checks li { display: flex; align-items: flex-start; gap: 12px; font-size: 15.5px; line-height: 1.45; max-width: 46ch; }
.atilab-end__checks svg.atilab-i { width: 18px; height: 18px; margin-top: 2px; color: var(--atilab-ink); }
.atilab-end__card { justify-self: start; width: min(100%, 440px); padding: clamp(24px, 3vw, 40px); border: 1px solid var(--atilab-line-2); border-radius: var(--atilab-r); background: var(--atilab-raise); }
.atilab-end__card-t { font-size: clamp(22px, 2vw, 28px); letter-spacing: -.025em; }
.atilab-end__mail { margin-top: 10px; font-size: 14px; color: var(--atilab-ink-2); }
.atilab-end__btn { width: 100%; margin-top: 22px; }
.atilab-end__alt { margin-top: 14px; font-size: 14.5px; color: var(--atilab-ink-2); }
.atilab-end__alt .atilab-link { font-size: 14.5px; }
@media (max-width: 999px) {
  .atilab-end { padding-top: 0; }
  .atilab-end__photo { position: relative; width: auto; height: clamp(200px, 50vw, 360px); margin-bottom: clamp(32px, 6vw, 56px); }
  .atilab-end__grid { grid-template-columns: minmax(0, 1fr); }
  .atilab-end__card { width: 100%; }
}
.atilab-end__checks b { font-weight: 600; }

/* bigger tap areas for small links (about 44 px), without moving anything: an invisible layer around each link */
.bl-more, .om__more, .lp-sup__more, .lp-crumb a, .ps__crumb a { position: relative; }
.bl-more::after, .om__more::after, .lp-sup__more::after { content: ""; position: absolute; inset: -9px -4px; }
.lp-crumb a::after, .ps__crumb a::after { content: ""; position: absolute; inset: -11px -4px; }
.atilab-top__logo { position: relative; }
.atilab-top__logo::after { content: ""; position: absolute; inset: -6px -4px; }

/* Etkinlikler, phones and tablets: the categories sit above the list as one row of chips (js/main.js moves the box there);
   "Son yazılar" is hidden, it repeats the list right above it */
.bl-box--cats.is-top { margin: 16px 0 4px; padding: 0; border: 0; border-radius: 0; background: none; }
.bl-box--cats.is-top .bl-box__t { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.bl-box--cats.is-top .bl-cats { display: flex; flex-wrap: wrap; gap: 8px; }
.bl-box--cats.is-top .bl-cats button { width: auto; gap: 8px; min-height: 44px; padding: 8px 14px; border-radius: var(--atilab-r); box-shadow: inset 0 0 0 1px var(--atilab-line-2); }
.bl-box--cats.is-top .bl-cats button[aria-pressed="true"] { box-shadow: none; }
@media (max-width: 999px) { .bl-box--recent { display: none; } }