/* LOGA V1.9.82 — Beş sol hero metni için ortak tipografi.
 * Referans: Fikirden Logoya hero'sunun V1.9.81 görünümü.
 * Yalnız üst etiket, H1, açıklama ve bu grubun yatay/dikey hizası etkilenir.
 * Sağ hero görselleri, butonların stili, diğer sayfa bölümleri etkilenmez. */
:root{
 --loga-hero-title-size:clamp(60px,4.25vw,67px);
 --loga-hero-desc-size:clamp(18px,1.45vw,21px);
 --loga-hero-kicker-size:13px;
 --loga-hero-title-leading:1.09;
 --loga-hero-desc-leading:1.58;
 --loga-hero-kicker-gap:26px;
 --loga-hero-description-gap:27px;
}

/* Etiketler: metin, mor nokta, harf aralığı ve alt boşluk. */
body.loga-optic-type .hero-stage .hero-copy>.eyebrow,
body.loga-optic-type.portfolio-page:not(.process-page):not(.reviews-page):not(.lr-page) .portfolio-heading>.portfolio-eyebrow,
body.loga-optic-type.process-page .sp-hero .sp-kicker,
body.loga-optic-type.reviews-page .rv-copy>.rv-eyebrow{
 font-size:var(--loga-hero-kicker-size);
 font-weight:750;
 line-height:16px;
 letter-spacing:2.34px;
 margin:0 0 var(--loga-hero-kicker-gap);
 gap:11px;
}
body.loga-optic-type .hero-stage .hero-copy>.eyebrow .eyebrow-dot,
body.loga-optic-type.portfolio-page:not(.process-page):not(.reviews-page):not(.lr-page) .portfolio-heading>.portfolio-eyebrow>span,
body.loga-optic-type.process-page .sp-hero .sp-dot,
body.loga-optic-type.reviews-page .rv-copy>.rv-eyebrow .rv-dot{width:12px;height:12px;flex:none;}

/* Başlık: Fikirden Logoya font ağırlığı, satır yüksekliği ve sıkı tipografi. */
body.loga-optic-type .hero-stage .hero-copy>.hero-title,
body.loga-optic-type.portfolio-page:not(.process-page):not(.reviews-page):not(.lr-page) .portfolio-heading>h1,
body.loga-optic-type.process-page .sp-hero h1,
body.loga-optic-type.reviews-page .rv-copy>h1{
 font-size:var(--loga-hero-title-size);
 line-height:var(--loga-hero-title-leading);
 font-weight:730;
 letter-spacing:-.071em;
 margin:0;
}

/* Açıklama: başlığın altından 27px, max genişlik 610px. */
body.loga-optic-type .hero-stage .hero-copy>.hero-description,
body.loga-optic-type.portfolio-page:not(.process-page):not(.reviews-page):not(.lr-page):not(.info-page) .portfolio-heading>p:last-child,
body.loga-optic-type.process-page .sp-hero-description,
body.loga-optic-type.reviews-page .rv-copy>.rv-hero-desc{
 font-size:var(--loga-hero-desc-size);
 line-height:var(--loga-hero-desc-leading);
 font-weight:400;
 max-width:610px;
 margin-top:var(--loga-hero-description-gap);
 letter-spacing:-.018em;
}

/* Portföy ile yorumlarda y-ekseninde içerik başlangıcı yeniden normalize edilir.
 * Grid'leri ve sağ yerleşimleri hareket ettirmeden yalnız sol metin sütunu. */
body.loga-optic-type.portfolio-page:not(.process-page):not(.reviews-page):not(.lr-page) .portfolio-heading{max-width:615px;}

/* Ana sayfada 1440+ genişliğinde sol başlangıcı referans shell'e eşitle. */
body.loga-optic-type:not(.portfolio-page) .hero-stage .hero-layout>.hero-copy{
 position:relative;
 left:clamp(0px,calc(15.625vw - 225px),75px);
 top:calc(5vw - 63px);
}
body.loga-optic-type.portfolio-page:not(.process-page):not(.reviews-page):not(.lr-page) .portfolio-heading{
 position:relative;
 top:calc(5vw - 79px);
}
body.loga-optic-type.process-page .sp-hero-copy{top:calc(7.1vw - 175px);}
body.loga-optic-type.reviews-page .rv-copy{position:relative;top:calc(5vw - 65px);}
/* Process'deki tarihi 5px iç girintiyi kaldır. */
body.loga-optic-type.process-page .sp-hero-copy{padding-left:0;}
/* Geniş ekranda Portföy / Yorumlar'ın 1510px kapsayıcısını
 * Fikirden Logoya'nın 1530px kapsayıcısıyla aynı sol çizgiye getir. */
@media(min-width:1600px){
 body.loga-optic-type.portfolio-page:not(.process-page):not(.reviews-page):not(.lr-page) .portfolio-heading,
 body.loga-optic-type.reviews-page .rv-copy{left:-10px;}
}

/* Tasarım Süreci sarı alt çizgisi başlık-sonrası açıklama ritmini değiştirmesin. */
body.loga-optic-type.process-page .sp-underline{margin:-7px 0 0 44%;}

/* Dar ekran font skalası, Fikirden Logoya ile eşleşir. */
@media(max-width:1180px){
 :root{--loga-hero-title-size:clamp(50px,5vw,64px);--loga-hero-desc-size:18px;}
 body.loga-optic-type .hero-stage .hero-copy>.hero-title .headline-line{white-space:normal;}
 body.loga-optic-type:not(.portfolio-page) .hero-stage .hero-layout>.hero-copy{top:-8px;}
 body.loga-optic-type.portfolio-page:not(.process-page):not(.reviews-page):not(.lr-page) .portfolio-heading{top:-4px;}
 body.loga-optic-type.process-page .sp-hero-copy{top:-49px;}
 body.loga-optic-type.reviews-page .rv-copy{top:-10px;}
}
@media(max-width:780px){
 :root{--loga-hero-title-size:clamp(38px,8.6vw,53px);}
 body.loga-optic-type:not(.portfolio-page) .hero-stage .hero-layout>.hero-copy{top:5px;}
 body.loga-optic-type.portfolio-page:not(.process-page):not(.reviews-page):not(.lr-page) .portfolio-heading{top:-1px;}
 body.loga-optic-type.process-page .sp-hero-copy{top:-22px;}
 body.loga-optic-type.reviews-page .rv-copy{top:11px;}
}
@media(max-width:700px){
 :root{--loga-hero-kicker-size:11px;--loga-hero-kicker-gap:19px;--loga-hero-description-gap:20px;}
 body.loga-optic-type .hero-stage .hero-copy>.eyebrow,
 body.loga-optic-type.portfolio-page:not(.process-page):not(.reviews-page):not(.lr-page) .portfolio-heading>.portfolio-eyebrow,
 body.loga-optic-type.process-page .sp-hero .sp-kicker,
 body.loga-optic-type.reviews-page .rv-copy>.rv-eyebrow{line-height:normal;letter-spacing:1.98px;}
 body.loga-optic-type:not(.portfolio-page) .hero-stage .hero-layout>.hero-copy{top:3px;}
 body.loga-optic-type.portfolio-page:not(.process-page):not(.reviews-page):not(.lr-page) .portfolio-heading{top:4px;}
 body.loga-optic-type.process-page .sp-hero-copy{top:2px;}
 body.loga-optic-type.reviews-page .rv-copy{left:1px;top:6px;}
 body.loga-optic-type.process-page .sp-underline{margin:-4px 0 0 44%;}
}

/* Ara breakpoint hizaları: yukarıdaki temel kuralları, Fikirden Logoya'nın
 * responsive header / grid geçişleriyle aynı noktaya getirir.
 * Sadece sol metin sütununun konumudur; görsel / kart sütunları sabittir. */
body.loga-optic-type:not(.portfolio-page) .hero-stage .hero-layout>.hero-copy{
 left:max(0px,calc(43.75vw - 765px));
}
@media(min-width:1600px){
 body.loga-optic-type.portfolio-page:not(.process-page):not(.reviews-page):not(.lr-page) .portfolio-heading,
 body.loga-optic-type.reviews-page .rv-copy{
  left:clamp(-10px,calc(755px - 43.75vw),0px);
 }
}
@media(min-width:1749px){
 body.loga-optic-type:not(.portfolio-page) .hero-stage .hero-layout>.hero-copy{top:33px;}
 body.loga-optic-type.portfolio-page:not(.process-page):not(.reviews-page):not(.lr-page) .portfolio-heading{top:17px;}
 body.loga-optic-type.reviews-page .rv-copy{top:31px;}
 body.loga-optic-type.process-page .sp-hero-copy{top:-39px;}
}
@media(min-width:1537px) and (max-width:1748px){
 body.loga-optic-type:not(.portfolio-page) .hero-stage .hero-layout>.hero-copy{top:calc(14vw - 201px);}
 body.loga-optic-type.portfolio-page:not(.process-page):not(.reviews-page):not(.lr-page) .portfolio-heading{top:calc(14vw - 217px);}
 body.loga-optic-type.reviews-page .rv-copy{top:calc(14vw - 203px);}
 body.loga-optic-type.process-page .sp-hero-copy{top:calc(15.3vw - 295px);}
}
@media(min-width:1441px) and (max-width:1536px){
 body.loga-optic-type:not(.portfolio-page) .hero-stage .hero-layout>.hero-copy{top:calc(6.56vw - 85.5px);}
 body.loga-optic-type.portfolio-page:not(.process-page):not(.reviews-page):not(.lr-page) .portfolio-heading{top:calc(6.56vw - 101.5px);}
 body.loga-optic-type.reviews-page .rv-copy{top:calc(6.56vw - 87.5px);}
 body.loga-optic-type.process-page .sp-hero-copy{top:calc(13.4vw - 265.5px);}
}
@media(min-width:1367px) and (max-width:1440px){
 body.loga-optic-type:not(.portfolio-page) .hero-stage .hero-layout>.hero-copy{top:9px;}
 body.loga-optic-type.portfolio-page:not(.process-page):not(.reviews-page):not(.lr-page) .portfolio-heading{top:-7px;}
 body.loga-optic-type.reviews-page .rv-copy{top:7px;}
 body.loga-optic-type.process-page .sp-hero-copy{top:-73px;}
}
@media(min-width:1281px) and (max-width:1366px){
 body.loga-optic-type:not(.portfolio-page) .hero-stage .hero-layout>.hero-copy{top:calc(19.77vw - 261px);}
 body.loga-optic-type.portfolio-page:not(.process-page):not(.reviews-page):not(.lr-page) .portfolio-heading{top:calc(19.77vw - 277px);}
 body.loga-optic-type.reviews-page .rv-copy{top:calc(19.77vw - 263px);}
 body.loga-optic-type.process-page .sp-hero-copy{top:calc(23.4vw - 369.4px);}
}
@media(min-width:1181px) and (max-width:1280px){
 body.loga-optic-type:not(.portfolio-page) .hero-stage .hero-layout>.hero-copy{top:-8px;}
 body.loga-optic-type.portfolio-page:not(.process-page):not(.reviews-page):not(.lr-page) .portfolio-heading{top:-4px;}
 body.loga-optic-type.reviews-page .rv-copy{top:-10px;}
 body.loga-optic-type.process-page .sp-hero-copy{top:calc(1vw - 82.8px);}
}
@media(min-width:1081px) and (max-width:1180px){
 body.loga-optic-type.process-page .sp-hero-copy{top:calc(45px - 10vw);}
}
@media(min-width:901px) and (max-width:980px){
 body.loga-optic-type:not(.portfolio-page) .hero-stage .hero-layout>.hero-copy{top:5px;}
 body.loga-optic-type.portfolio-page:not(.process-page):not(.reviews-page):not(.lr-page) .portfolio-heading{top:-1px;}
 body.loga-optic-type.reviews-page .rv-copy{top:11px;}
 body.loga-optic-type.process-page .sp-hero-copy{top:-49px;}
}
@media(min-width:781px) and (max-width:900px){
 body.loga-optic-type:not(.portfolio-page) .hero-stage .hero-layout>.hero-copy{top:5px;}
 body.loga-optic-type.portfolio-page:not(.process-page):not(.reviews-page):not(.lr-page) .portfolio-heading{top:-1px;}
 body.loga-optic-type.reviews-page .rv-copy{top:11px;}
 body.loga-optic-type.process-page .sp-hero-copy{top:-22px;}
}
@media(min-width:601px) and (max-width:740px){
 body.loga-optic-type:not(.portfolio-page) .hero-stage .hero-layout>.hero-copy{top:-10px;}
 body.loga-optic-type.portfolio-page:not(.process-page):not(.reviews-page):not(.lr-page) .portfolio-heading{top:-16px;}
 body.loga-optic-type.reviews-page .rv-copy{left:0;top:-4px;}
 body.loga-optic-type.process-page .sp-hero-copy{top:-37px;}
}
@media(max-width:600px){
 body.loga-optic-type:not(.portfolio-page) .hero-stage .hero-layout>.hero-copy{top:3px;}
 body.loga-optic-type.portfolio-page:not(.process-page):not(.reviews-page):not(.lr-page) .portfolio-heading{top:4px;}
 body.loga-optic-type.reviews-page .rv-copy{left:1px;top:6px;}
 body.loga-optic-type.process-page .sp-hero-copy{top:2px;}
}