/* ALTINAY — Hakkımda (portfolyo) sayfası */
.about-page{--ab-dark:#073d49;--ab-teal:#075d66;--ab-teal2:#0b7c86;--ab-gold:#ffb477;--ab-gold2:#e9a35f;--ab-mint:#e6f3f3}
.about-page .breadcrumb{position:relative;z-index:2}
.about-page h2{font-family:var(--display);font-weight:500;font-size:36px;line-height:1.15;letter-spacing:-1.2px;margin:0}
.about-page h2 em,.about-page h1 em{font-style:normal;color:var(--ab-teal2)}
.ab-btn{display:inline-flex;align-items:center;gap:10px;padding:13px 22px;font-size:13px;font-weight:650;text-decoration:none;transition:transform .2s,box-shadow .2s,background-color .2s,color .2s}
.ab-btn--gold{background:var(--ab-gold);color:#3a2410}
.ab-btn--gold:hover{transform:translateY(-2px);box-shadow:0 12px 26px -12px #ffb477cc}
.ab-btn--ghost{color:#e6f5f8;border-bottom:1px solid #ffffff55;padding-left:2px;padding-right:2px}
.ab-btn--ghost:hover{border-bottom-color:var(--ab-gold);color:#fff}
.ab-ico{display:grid;place-items:center;width:46px;height:46px;border-radius:12px;background:var(--ab-mint);color:var(--ab-teal);flex-shrink:0;transition:transform .35s cubic-bezier(.22,1,.36,1),background-color .3s,color .3s}
.ab-ico svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.ab-ico--lg{width:54px;height:54px;border-radius:14px}
.ab-ico--lg svg{width:27px;height:27px}

/* Hero */
.ab-hero{position:relative;background:radial-gradient(1200px 500px at 85% 10%,#0e8a93 0%,transparent 60%),linear-gradient(135deg,var(--ab-dark),var(--ab-teal));color:#e6f5f8;overflow:hidden;margin-top:-1px}
.ab-hero:before{content:'';position:absolute;inset:0;background-image:radial-gradient(#ffffff14 1px,transparent 1px);background-size:22px 22px;mask-image:linear-gradient(90deg,transparent,#000 40%,#000 70%,transparent);pointer-events:none}
.ab-hero__grid{position:relative;display:grid;grid-template-columns:1.15fr .85fr;gap:60px;align-items:center;padding:64px 0 70px}
.ab-hero .eyebrow{color:#ffc295;margin-bottom:22px}
.ab-hero h1{font-family:var(--display);font-size:52px;line-height:1.08;letter-spacing:-2px;font-weight:600;margin:0;color:#fff}
.ab-hero h1 em{color:var(--ab-gold)}
.ab-lead{font-size:16px;line-height:1.75;color:#c5e5e8;max-width:540px;margin:22px 0 0}
.ab-hero__actions{display:flex;align-items:center;gap:26px;margin-top:32px;flex-wrap:wrap}
.ab-card{position:relative;justify-self:center;width:min(380px,100%);aspect-ratio:1/1.08;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px}
.ab-card__rings{position:absolute;inset:0;pointer-events:none}
.ab-card__rings i{position:absolute;inset:6%;border:1px solid #7ff1ee55;border-radius:50%;animation:ab-spin 28s linear infinite}
.ab-card__rings i:nth-child(2){inset:0;border-color:#3b98ef55;transform:rotate(40deg) scaleY(.8);animation-duration:40s;animation-direction:reverse}
.ab-card__rings i:nth-child(3){inset:12%;border-color:#ffb47755;transform:rotate(-30deg) scaleX(.85);animation-duration:34s}
.ab-card__plaque{position:relative;z-index:1;width:68%;aspect-ratio:1;border-radius:28px;background:linear-gradient(145deg,#ffffff,#e6f6f4);display:grid;place-items:center;box-shadow:0 30px 60px -20px #00222baa,inset 0 0 0 1px #ffffffaa;transform:rotate(-4deg);transition:transform .6s cubic-bezier(.22,1,.36,1)}
.ab-card:hover .ab-card__plaque{transform:rotate(0) scale(1.02)}
.ab-card__plaque img{width:82%;height:auto;transform:rotate(4deg)}
.ab-card__id{position:relative;z-index:1;text-align:center;display:flex;flex-direction:column;gap:4px}
.ab-card__id span{font-size:12px;letter-spacing:2.6px;text-transform:uppercase;font-weight:600;color:var(--ab-gold)}
.ab-card__id strong{font-family:'Playfair Display',Georgia,serif;font-size:32px;font-weight:600;color:#fff;line-height:1.1}
.ab-card__id small{font-size:12px;color:#b5dde2;letter-spacing:1px}
@keyframes ab-spin{to{transform:rotate(360deg)}}
.ab-card__rings i:nth-child(2){animation-name:ab-spin2}.ab-card__rings i:nth-child(3){animation-name:ab-spin3}
@keyframes ab-spin2{from{transform:rotate(40deg) scaleY(.8)}to{transform:rotate(400deg) scaleY(.8)}}
@keyframes ab-spin3{from{transform:rotate(-30deg) scaleX(.85)}to{transform:rotate(330deg) scaleX(.85)}}
.ab-ribbon{position:relative;border-top:1px solid #ffffff1f;background:#05343e66;overflow:hidden;white-space:nowrap}
.ab-ribbon>div{display:inline-flex;align-items:center;gap:26px;padding:14px 0;animation:ab-marquee 38s linear infinite}
.ab-ribbon span{font-size:11px;letter-spacing:3.5px;font-weight:600;color:#b5dde2}
.ab-ribbon b{color:var(--ab-gold);font-size:10px}
@keyframes ab-marquee{to{transform:translateX(-50%)}}

/* Sections */
.ab-section{padding:84px 0}
.ab-section--tint{background:#e8f3f3;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.ab-head{margin-bottom:40px}
.ab-head .eyebrow{margin-bottom:14px}
.ab-head--split{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:end}
.ab-head--split>p{font-size:15px;color:#526d76;margin:0;max-width:460px;justify-self:end}
.ab-head--center{text-align:center}.ab-head--center .eyebrow{justify-content:center}

.ab-values{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.ab-value{background:#fff;border:1px solid var(--line);padding:28px 24px;position:relative;overflow:hidden;transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s,border-color .35s}
.ab-value:after{content:'';position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,#11a5ae,#4483df 60%,#f1934b);transform:scaleX(0);transform-origin:left;transition:transform .45s cubic-bezier(.22,1,.36,1)}
.ab-value h3{font-size:19px;margin:18px 0 8px;font-weight:650}
.ab-value p{font-size:14px;color:#526d76;margin:0;line-height:1.65}
.ab-value:hover{transform:translateY(-4px);box-shadow:0 22px 40px -26px #075d6688;border-color:#b9dcdf}
.ab-value:hover:after{transform:scaleX(1)}
.ab-value:hover .ab-ico,.ab-service:hover .ab-ico{background:var(--ab-teal);color:#fff;transform:rotate(-6deg) scale(1.06)}

.ab-services{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.ab-service{position:relative;background:#fff;border:1px solid var(--line);padding:30px 28px 28px;transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s,border-color .35s}
.ab-service__no{position:absolute;top:22px;right:24px;font-family:var(--display);font-size:13px;font-weight:700;color:#b8d3d7;letter-spacing:1px}
.ab-service h3{font-size:19px;margin:20px 0 8px;font-weight:650}
.ab-service p{font-size:14px;color:#526d76;margin:0;line-height:1.65}
.ab-service:hover{transform:translateY(-4px);box-shadow:0 22px 40px -26px #075d6688;border-color:#9fcfd4}
.ab-service:hover .ab-service__no{color:var(--ab-gold2)}

.ab-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:24px;position:relative}
.ab-steps:before{content:'';position:absolute;left:28px;right:28px;top:27px;height:2px;background:linear-gradient(90deg,#11a5ae,#4483df 60%,#f1934b);opacity:.35}
.ab-step{position:relative}
.ab-step__dot{position:relative;z-index:1;display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:#fff;border:2px solid var(--ab-teal);color:var(--ab-teal);font-family:var(--display);font-weight:750;font-size:15px;box-shadow:0 0 0 8px var(--paper);transition:background-color .3s,color .3s,transform .35s}
.ab-step:hover .ab-step__dot{background:var(--ab-teal);color:#fff;transform:scale(1.06)}
.ab-step h3{font-size:19px;margin:20px 0 6px;font-weight:650}
.ab-step p{font-size:14px;color:#526d76;margin:0;line-height:1.65;max-width:250px}

.ab-logos{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,1fr);gap:14px}
.ab-logos li{background:#fff;border:1px solid var(--line);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px 12px;text-align:center;transition:transform .3s,box-shadow .3s}
.ab-logos img{height:44px;width:auto;max-width:100%;object-fit:contain;filter:grayscale(1);opacity:.75;transition:filter .3s,opacity .3s}
.ab-logos span{font-size:11.5px;color:#526d76;font-weight:600;line-height:1.35}
.ab-logos li:hover{transform:translateY(-3px);box-shadow:0 18px 30px -22px #075d6688}
.ab-logos li:hover img{filter:none;opacity:1}

.ab-cta{background:linear-gradient(135deg,var(--ab-teal),var(--ab-dark));color:#fff;position:relative;overflow:hidden}
.ab-cta:before{content:'';position:absolute;right:-120px;top:-160px;width:420px;height:420px;border-radius:50%;border:1px solid #ffffff22;box-shadow:0 0 0 60px #ffffff08,0 0 0 120px #ffffff05}
.ab-cta__inner{position:relative;display:flex;justify-content:space-between;align-items:center;gap:40px;padding:60px 0;flex-wrap:wrap}
.ab-cta__script{font-family:'Marck Script','Segoe Script',cursive;color:var(--ab-gold);font-size:30px;margin:0 0 6px}
.ab-cta h2{color:#fff;font-size:32px}
.ab-cta h2 em{color:#a8ecec}
.ab-cta__actions{display:flex;align-items:center;gap:28px;flex-wrap:wrap}
.ab-cta__tel{display:flex;flex-direction:column;color:#fff;text-decoration:none;font-family:var(--display);font-size:20px;font-weight:650}
.ab-cta__tel small{font-family:var(--sans);font-size:10px;letter-spacing:2px;text-transform:uppercase;color:#a8d5da;font-weight:600}
.ab-cta__tel:hover{color:var(--ab-gold)}

/* Belirme animasyonu */
.js-reveal [data-reveal]{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .8s cubic-bezier(.22,1,.36,1);transition-delay:var(--d,0ms)}
.js-reveal [data-reveal].is-in{opacity:1;transform:none}

@media(max-width:1100px){.ab-values{grid-template-columns:repeat(2,1fr)}.ab-logos{grid-template-columns:repeat(3,1fr)}.ab-hero h1{font-size:44px}}
@media(max-width:900px){.ab-hero__grid{grid-template-columns:1fr;gap:30px;padding:44px 0 48px}.ab-card{width:min(320px,100%)}.ab-services{grid-template-columns:repeat(2,1fr)}.ab-steps{grid-template-columns:repeat(2,1fr);row-gap:36px}.ab-steps:before{display:none}.ab-head--split{grid-template-columns:1fr;gap:14px}.ab-head--split>p{justify-self:start}}
@media(max-width:760px){.about-page h2{font-size:28px}.ab-hero h1{font-size:34px;letter-spacing:-1.2px}.ab-lead{font-size:15px}.ab-section{padding:54px 0}.ab-head{margin-bottom:28px}.ab-values,.ab-services{grid-template-columns:1fr;gap:12px}.ab-value,.ab-service{padding:22px 20px}.ab-steps{grid-template-columns:1fr;row-gap:22px}.ab-step{display:grid;grid-template-columns:56px 1fr;column-gap:16px;align-items:start}.ab-step h3{margin:6px 0 4px}.ab-step p{grid-column:2}.ab-logos{grid-template-columns:repeat(2,1fr);gap:10px}.ab-card__id strong{font-size:27px}.ab-cta h2{font-size:25px}.ab-cta__inner{padding:44px 0}.ab-cta__script{font-size:26px}}
@media(prefers-reduced-motion:reduce){.ab-card__rings i,.ab-ribbon>div{animation:none}.js-reveal [data-reveal]{opacity:1;transform:none;transition:none}.ab-value,.ab-service,.ab-ico,.ab-card__plaque{transition:none}}