/* CAN-SU KOZMETİK — KURUMSAL / TAM DİNAMİK */
.corporate-db-warning{padding:120px 0 70px;background:#f7f5f2;color:#6f6966}

.corporate-hero{position:relative;overflow:hidden;padding-top:118px!important;padding-bottom:82px!important;min-height:0!important;background:#f6f4f1}
.corporate-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(430px,.88fr);gap:72px;align-items:center}
.corporate-hero-grid-no-visual{grid-template-columns:minmax(0,900px)}
.corporate-hero-copy h1{margin:12px 0 18px;max-width:820px;font-size:clamp(46px,5.2vw,76px);line-height:.98;letter-spacing:-.045em}
.corporate-hero-copy>p{max-width:660px;color:#6f6966;font-size:16px;line-height:1.7}
.corporate-hero-visual{margin:0;position:relative;padding:10px;background:#fff;box-shadow:0 24px 60px rgba(34,26,27,.11);transform:rotate(.25deg)}
.corporate-hero-visual img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}
.corporate-hero-visual figcaption,.vision-visual figcaption{display:grid;grid-template-columns:auto 1fr;gap:4px 10px;align-items:baseline;padding:11px 4px 2px;color:#7c7571;font-size:11px;line-height:1.45}
.corporate-hero-visual figcaption span,.vision-visual figcaption span{grid-row:1/span 2;color:#ad143f;font-weight:800;letter-spacing:.12em}
.corporate-hero-visual figcaption strong,.vision-visual figcaption strong{color:#302a2c;font-size:12px}
.corporate-hero-visual figcaption small,.vision-visual figcaption small{color:#8b8480;font-size:10px}
.hero-proof{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin-top:34px;max-width:680px;background:rgba(42,32,33,.10);border:1px solid rgba(42,32,33,.10)}
.hero-proof>div{padding:16px 18px;background:#fbfaf8}
.hero-proof strong{display:block;color:#ad143f;font-size:20px;line-height:1.15}
.hero-proof span{display:block;margin-top:5px;color:#77706d;font-size:11px;line-height:1.35}

.archive-section{padding:92px 0 100px;background:#f7f5f2;border-top:1px solid rgba(33,25,27,.05);border-bottom:1px solid rgba(33,25,27,.06)}
.archive-kicker{display:inline-flex;align-items:center;gap:10px;color:#ad143f;font-size:12px;font-weight:800;line-height:1;letter-spacing:.14em;text-transform:uppercase}
.archive-kicker:before{content:'';width:28px;height:1px;background:currentColor}
.section-title-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.62fr);gap:72px;align-items:end;margin-bottom:48px}
.section-title-row h2{margin:13px 0 0;max-width:760px;color:#242123;font-size:clamp(38px,4.2vw,60px);line-height:1.02;letter-spacing:-.04em}
.section-title-row>p{margin:0;color:#726b68;font-size:14px;line-height:1.75}
.archive-feature{display:grid;grid-template-columns:minmax(0,1.28fr) minmax(300px,.72fr);gap:56px;align-items:start}
.archive-grid{display:grid;grid-template-columns:1fr;gap:28px}
.archive-card{position:relative;padding:12px 12px 20px;background:#fffdfa;border:1px solid rgba(42,32,33,.10);box-shadow:0 20px 48px rgba(36,27,29,.09);transform:rotate(-.12deg)}
.archive-photo{position:relative;width:100%;aspect-ratio:4/3;overflow:hidden;background:#d9d6d1}
.archive-photo img{width:100%;height:100%;display:block;object-fit:cover;object-position:center 33%;filter:grayscale(1) contrast(1.02)}
.archive-meta{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 4px 11px;border-bottom:1px solid rgba(42,32,33,.08)}
.archive-meta-primary{display:flex;align-items:baseline;gap:13px}
.archive-year{color:#ad143f;font-size:23px;font-weight:800;line-height:1}
.archive-place,.archive-record{color:#8a837f;font-size:10px;font-weight:800;line-height:1;letter-spacing:.13em;text-transform:uppercase}
.archive-record{color:#ad143f}
.archive-caption{padding:16px 4px 2px}
.archive-person{display:grid;grid-template-columns:auto 1fr;column-gap:12px;row-gap:3px;align-items:baseline;margin:0 0 16px;padding:11px 13px;background:#f6f2f0;border-left:2px solid #ad143f}
.archive-person span{grid-row:1/span 2;color:#ad143f;font-size:9px;font-weight:800;letter-spacing:.14em}
.archive-person strong{color:#2c2728;font-size:13px;line-height:1.3}
.archive-person small{color:#837b77;font-size:11px;line-height:1.35}
.archive-caption h3{margin:0 0 9px;color:#292426;font-size:18px;line-height:1.35}
.archive-caption p{margin:0;color:#746d69;font-size:14px;line-height:1.7}
.archive-source-note{display:block;margin-top:11px;color:#978f8b;font-size:10px;line-height:1.5}
.archive-story{padding-top:4px;position:sticky;top:110px}
.archive-story h3{margin:18px 0 14px;max-width:420px;color:#292426;font-size:30px;line-height:1.12;letter-spacing:-.03em}
.archive-story>p{margin:0;color:#746d69;font-size:14px;line-height:1.76}
.archive-facts{margin-top:30px;border-top:1px solid rgba(42,32,33,.09)}
.archive-fact{display:grid;grid-template-columns:68px minmax(0,1fr);column-gap:14px;row-gap:3px;padding:18px 0;border-bottom:1px solid rgba(42,32,33,.09)}
.archive-fact>span{grid-row:1/span 2;color:#ad143f;font-size:18px;font-weight:800}
.archive-fact strong{color:#302a2c;font-size:13px}
.archive-fact small{color:#847d79;font-size:11px;line-height:1.55}

.period-visuals{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:24px;margin-top:54px}
.period-visual{margin:0;position:relative;overflow:hidden;background:#ddd}
.period-visual img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;filter:grayscale(1) contrast(1.02)}
.period-wide img{aspect-ratio:16/9}
.period-visual figcaption{position:absolute;left:16px;right:16px;bottom:16px;padding:13px 14px;background:rgba(255,253,250,.94);box-shadow:0 7px 22px rgba(28,22,23,.08)}
.period-visual figcaption span{display:block;color:#ad143f;font-size:9px;font-weight:800;letter-spacing:.14em}
.period-visual figcaption strong{display:block;margin-top:4px;color:#292426;font-size:14px}
.period-visual figcaption small{display:block;margin-top:3px;color:#77706d;font-size:10px;line-height:1.4}

.history-section{padding:96px 0;background:#fff}
.history-layout{display:grid;grid-template-columns:minmax(0,.86fr) minmax(420px,1.14fr);gap:88px;align-items:start}
.history-copy h2{margin:16px 0 18px;color:#292426;font-size:clamp(34px,3.4vw,52px);line-height:1.05;letter-spacing:-.035em}
.history-copy p{margin:0;max-width:610px;color:#746d69;font-size:15px;line-height:1.75}
.history-timeline{position:relative;display:grid;grid-template-columns:74px minmax(0,1fr);column-gap:28px;padding-top:3px}
.history-timeline:before{content:'';position:absolute;left:89px;top:10px;bottom:12px;width:1px;background:rgba(173,20,63,.28)}
.timeline-year{padding:0 0 31px;color:#ad143f;font-size:20px;font-weight:800;line-height:1.2}
.timeline-item{position:relative;padding:0 0 31px 20px}
.timeline-item:before{content:'';position:absolute;left:-17px;top:6px;width:8px;height:8px;border-radius:50%;background:#ad143f;box-shadow:0 0 0 5px #fff}
.timeline-item strong{display:block;margin:0 0 6px;color:#292426;font-size:15px;line-height:1.45}
.timeline-item span{display:block;color:#817975;font-size:13px;line-height:1.58}

.vision-section{padding:92px 0 100px;background:#221315;color:#fff}
.vision-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr);gap:70px;align-items:center}
.vision-grid-no-visual{grid-template-columns:minmax(0,760px)}
.vision-visual{margin:0;padding:10px;background:#fff}
.vision-visual img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}
.vision-copy .archive-kicker{color:#f7c9d4}
.vision-copy h2{margin:18px 0 18px;font-size:clamp(36px,4vw,56px);line-height:1.02;letter-spacing:-.04em;color:#fff}
.vision-copy>p{max-width:560px;margin:0;color:rgba(255,255,255,.72);font-size:15px;line-height:1.75}
.vision-points{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:34px;background:rgba(255,255,255,.14)}
.vision-points>div{padding:18px;background:#2b191c}
.vision-points strong{display:block;color:#f2b8c7;font-size:12px;letter-spacing:.12em}
.vision-points span{display:block;margin-top:7px;color:#fff;font-size:13px}
.vision-points small{display:block;margin-top:6px;color:rgba(255,255,255,.58);font-size:10px;line-height:1.4}

.corporate-cta{padding:70px 0;background:#f5f2ef;border-top:1px solid rgba(33,25,27,.06)}
.corporate-cta-grid{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:60px;align-items:center}
.corporate-cta h2{margin:14px 0 10px;max-width:780px;color:#292426;font-size:clamp(34px,3.6vw,52px);line-height:1.04;letter-spacing:-.035em}
.corporate-cta p{margin:0;max-width:720px;color:#746d69;font-size:14px;line-height:1.7}
.corporate-cta-button{white-space:nowrap}

@media(max-width:1100px){
.corporate-hero-grid{grid-template-columns:1fr 420px;gap:42px}.archive-feature{gap:38px}.section-title-row{gap:44px}.history-layout{gap:52px}.vision-grid{gap:48px}
}
@media(max-width:900px){
.corporate-hero{padding-top:110px!important}.corporate-hero-grid,.archive-feature,.section-title-row,.history-layout,.vision-grid,.corporate-cta-grid{grid-template-columns:1fr}.corporate-hero-visual{max-width:720px}.archive-story{position:static}.period-visuals{grid-template-columns:1fr 1fr}.period-wide img{aspect-ratio:4/3}.vision-copy{order:-1}.corporate-cta-button{justify-self:start}
}
@media(max-width:680px){
.corporate-hero{padding-top:98px!important;padding-bottom:58px!important}.corporate-hero-copy h1{font-size:clamp(40px,12vw,56px)}.hero-proof{grid-template-columns:1fr}.archive-section,.history-section,.vision-section{padding-top:62px;padding-bottom:68px}.period-visuals{grid-template-columns:1fr}.archive-card{transform:none}.archive-person{grid-template-columns:1fr}.archive-person span{grid-row:auto}.history-timeline{grid-template-columns:62px minmax(0,1fr);column-gap:20px}.history-timeline:before{left:72px}.timeline-item{padding-left:16px}.timeline-item:before{left:-14px}.vision-points{grid-template-columns:1fr}.corporate-cta{padding:58px 0}
}