/* AKSOY / VISION 2026 — photographic, editorial, responsive */
:root { --radius:10px; --radius-sm:6px; }
.btn { border-radius:5px; }
.site-header { --header-h:88px; }
.brand-mark { border-radius:2px; width:44px; height:44px; }
.brand-text { font-size:1.55rem; }
.hero { min-height:850px; min-height: min(100svh,1000px); padding-top:calc(var(--header-h) + 80px); background:#061321; }
.hero-photograph { position:absolute; inset:0; z-index:-2; }
.hero-photograph img { width:100%; height:100%; object-fit:cover; object-position:center; }
.hero-photograph::after { content:''; position:absolute; inset:0; background:linear-gradient(90deg,rgba(3,13,25,.9) 0%,rgba(3,13,25,.6) 43%,rgba(3,13,25,.05) 85%),linear-gradient(0deg,rgba(3,13,25,.95),transparent 40%,rgba(3,13,25,.36)); }
.hero-inner { justify-content:center; padding-bottom:70px; }
.hero .eyebrow { border:0; border-radius:0; padding:0; background:none; backdrop-filter:none; font-size:.66rem; letter-spacing:.24em; color:#e3c994; }
.hero .eyebrow::before { width:30px; height:1px; border-radius:0; animation:none; box-shadow:none; }
.hero h1 { max-width:18ch; font-size:clamp(3.1rem,5.5vw,5.8rem); line-height:1.08; letter-spacing:-.045em; margin-top:30px; }
.hero h1 em { background:none; color:#e2c489; }
.hero-lead { max-width:48ch; color:#e0e3e9; font-size:1.02rem; line-height:1.8; }
.hero-cta { margin-top:30px; }
.hero-facts { max-width:530px; margin-top:44px; gap:30px; padding-top:22px; }
.hero-facts b { font-size:2.3rem; }
.hero-facts span { font-size:.62rem; letter-spacing:.14em; color:#d1d8e2; }
.hero-coordinate { position:absolute; right:40px; top:120px; font-size:.6rem; letter-spacing:.18em; color:#fff; text-align:right; }
.hero-coordinate span { display:block; opacity:.6; margin-top:6px; }
.hero-explore { position:absolute; right:max(40px,calc((100vw - 1240px)/2)); bottom:115px; display:grid; grid-template-columns:auto 32px; width:240px; padding:24px; border:1px solid #ffffff40; background:#0613217a; backdrop-filter:blur(14px); color:#fff; }
.hero-explore>span { grid-column:1/-1; font-size:.6rem; letter-spacing:.2em; color:#e2c489; }
.hero-explore b { font-family:var(--f-display); font-weight:300; font-size:5rem; line-height:1.2; }
.hero-explore small { grid-column:1; font-size:.7rem; color:#d0d8e2; }
.hero-explore svg { grid-column:2; grid-row:2/4; align-self:center; }
.marquee { background:#071321; backdrop-filter:none; }
.marquee a { padding:21px 26px; font-size:.64rem; }
.marquee::before,.marquee::after { width:28px; }
.discovery-links { width:100%; max-width:none; padding-inline:max(40px,calc((100vw - 1240px)/2)); background:var(--surface); }
.discovery-links a { padding-block:32px; }
.discovery-links strong { font-family:var(--f-display); font-weight:400; font-size:1.2rem; }
.discovery-links span { font-size:.6rem; }
.pretitle { letter-spacing:.2em; font-size:.66rem; }
.section h2 { font-size:clamp(2.1rem,3.8vw,3.7rem); letter-spacing:-.035em; }
.section-head { margin-bottom:38px; }
.sector-showcase { background:var(--bg-2); }
.sector-finder { background:var(--surface); border-radius:5px; padding:24px 28px; display:grid; grid-template-columns:1fr 1.4fr; gap:0 32px; align-items:center; }
.sector-finder label { font-family:var(--f-display); font-size:1.2rem; font-weight:400; margin:0; }
.sector-finder #sectorStatus { grid-column:1/-1; font-size:.7rem; }
#sectorEmpty { grid-column:1/-1; }
.sectors { gap:24px; }
.visual-sector { border:0; border-radius:5px; min-height:400px; padding:0 26px 26px; background:var(--surface); box-shadow:0 3px 12px #07132108; }
.sector-photo { position:relative; height:200px; margin:0 -26px 24px; overflow:hidden; background-image:url('../img/aksoy-sectors-v16.webp'); background-size:200% 200%; background-position:left top; }
.visual-sector[data-scene=digital] .sector-photo { background-position:right top; }
.visual-sector[data-scene=land] .sector-photo { background-position:left bottom; }
.visual-sector[data-scene=logistics] .sector-photo { background-position:right bottom; }
.sector-photo::after { content:''; position:absolute; inset:0; background:linear-gradient(transparent 40%,#03101e55); }
.sector-photo>span { position:absolute; bottom:14px; right:20px; color:white; font-family:var(--f-display); font-size:2.6rem; z-index:1; }
.visual-sector .top { display:none; }
.visual-sector h3 { margin-top:0; font-size:1.5rem; }
.visual-sector .alt { font-size:.64rem; letter-spacing:.09em; }
.visual-sector .desc { font-size:.85rem; }
.visual-sector .foot { border-top:1px solid var(--line); margin-top:22px; padding-top:18px; }
.visual-sector:hover { transform:translateY(-6px); }
.journey-grid { counter-reset:step; }
.journey-grid li { position:relative; padding-top:28px; border-top-color:var(--gold); }
.journey-grid li>span { font-family:var(--f-display); font-size:3rem; line-height:1; opacity:.7; }
.journey-grid h3 { font-size:1.5rem; }
.stats-block { position:relative; overflow:hidden; }
.stats-block::before { content:'AKSOY'; position:absolute; bottom:-.25em; right:-.03em; font-family:var(--f-display); font-size:clamp(8rem,24vw,24rem); color:#ffffff04; letter-spacing:-.06em; pointer-events:none; }
.stats-grid.three { position:relative; }
.editorial-visual { min-height:600px; border-radius:4px; box-shadow:none; }
.editorial-visual>img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:75% center; }
.editorial-visual::after { content:''; position:absolute; inset:0; background:linear-gradient(transparent,#041321d9); }
.editorial-caption { position:absolute; z-index:1; bottom:36px; left:32px; right:32px; color:white; }
.editorial-caption>span { display:block; font-size:.62rem; letter-spacing:.2em; color:#e2c489; }
.editorial-caption strong { display:block; font-family:var(--f-display); font-size:3rem; font-weight:300; line-height:1.1; margin:18px 0 26px; }
.editorial-caption small { border-top:1px solid #ffffff40; display:block; padding-top:18px; font-size:.7rem; }
.about-text .pull-quote { border-left:2px solid var(--gold); padding-left:22px; }
.responsibility-banner { position:relative; isolation:isolate; overflow:hidden; padding:120px 0; color:white; background:#162a26; }
.responsibility-photo { position:absolute; inset:0; z-index:-2; background:url('../img/aksoy-sectors-v16.webp') left bottom/200% 200%; }
.responsibility-photo::after { content:''; position:absolute; inset:0; background:linear-gradient(90deg,#081913e8,#08191377 60%,#08191315); }
.responsibility-banner .pretitle { color:#e2c489; }
.responsibility-banner h2 { font-size:clamp(2.6rem,5vw,4.8rem); line-height:1.12; max-width:20ch; margin:22px 0 35px; }
.responsibility-banner h2 em { color:#e3cd9e; }
.sustain-card { border-radius:4px; }
.news-card { border-radius:4px; }
.news-card .cover .editorial-news-placeholder { background:url('../img/aksoy-vision-v16.webp') center/cover; }
.cta-band { background:#071726; }
.cta-band::before { content:''; position:absolute; width:560px; height:560px; border:1px solid #d8be8929; border-radius:50%; right:-100px; top:-100px; z-index:-1; box-shadow:0 0 0 100px #d8be8907,0 0 0 200px #d8be8905; }
.contact-editorial { background:#0c263b; color:#fff; border-radius:5px; padding:38px; align-self:stretch; }
.contact-editorial>.pretitle { color:#e2c489; }
.contact-editorial>h3 { font-size:2.4rem; margin:22px 0 40px; }
.contact-editorial>h3 em { color:#e2c489; }
.contact-editorial .contact-line .lbl { color:#c1cbd5; }
.contact-editorial .contact-line .val { color:#fff; }
.contact-editorial .contact-line .ico { background:#ffffff0d; color:#e2c489; }
.form-card { border-radius:5px; }
.visual-disclosure { font-size:.67rem; color:#aeb9c7; margin-top:34px; }
.footer-note { margin-top:14px; }
.site-footer { border-top:2px solid #b8975d; }
@media(min-width:1000px) { .sector-showcase .sectors { grid-template-columns:repeat(3,minmax(0,1fr)); } .visual-sector:first-child { grid-column:span 2; display:grid; grid-template-columns:1.1fr 1fr; grid-template-rows:auto auto 1fr auto; column-gap:28px; padding:0 28px 0 0; min-height:400px; } .visual-sector:first-child .sector-photo { grid-column:1; grid-row:1/5; height:100%; margin:0; background-size:200% 200%; } .visual-sector:first-child h3 { grid-column:2; margin-top:36px; font-size:2rem; } .visual-sector:first-child .alt,.visual-sector:first-child .desc,.visual-sector:first-child .foot { grid-column:2; } .visual-sector:first-child .foot { margin-bottom:26px; } }
@media(max-width:1100px) { .hero-explore { width:200px; right:30px; } .hero h1 { font-size:4.5rem; } .nav-link,.nav-trigger { padding-inline:10px; font-size:.8rem; } }
@media(max-width:900px) { .hero-explore,.hero-coordinate { display:none; } .hero { min-height:800px; } .hero h1 { font-size:clamp(3.1rem,7vw,4.8rem); } .hero-photograph img { object-position:65% center; } .sector-finder { display:block; } .sector-finder label { margin-bottom:16px; } .editorial-visual { min-height:470px; } }
@media(max-width:640px) { .hero { min-height:auto; padding-top:150px; } .hero-inner { padding-bottom:42px; } .hero h1 { font-size:clamp(2.7rem,9vw,3.8rem); } .hero .eyebrow { font-size:.53rem; letter-spacing:.15em; } .hero-lead { font-size:.94rem; } .hero-cta { gap:10px; } .hero-facts { gap:18px; margin-top:32px; } .hero-facts b { font-size:1.9rem; } .hero-facts span { font-size:.55rem; } .hero-photograph::after { background:linear-gradient(90deg,#03101ee6,#03101e80),linear-gradient(0deg,#03101e,transparent); } .discovery-links { padding-inline:24px; } .discovery-links a { padding-block:20px; } .section { padding-block:64px; } .section h2 { font-size:2.3rem; } .sector-photo { height:220px; } .sector-finder { padding:20px; } .responsibility-banner { padding-block:85px; } .responsibility-banner h2 { font-size:2.7rem; } .contact-editorial { padding:28px; } .editorial-caption strong { font-size:2.6rem; } }
@media(prefers-reduced-motion:reduce) { .visual-sector { transition:none; } }
@media print { .hero-photograph,.hero-coordinate,.hero-explore,.responsibility-photo { display:none; } .responsibility-banner { color:#000; background:none; } }

/* Photographic identity continues on internal pages. */
.page-hero:not(.has-cover):not(.sector-detail-hero) { background:linear-gradient(90deg,#03101ef0,#03101e99),url('../img/aksoy-vision-v16.webp') center 45%/cover; }
.sector-detail-hero { overflow:hidden; }
.detail-photograph { position:absolute; inset:0 0 0 40%; z-index:-2; background:url('../img/aksoy-sectors-v16.webp') left top/200% 200%; }
.sector-detail-hero[data-scene=digital] .detail-photograph { background-position:right top; }
.sector-detail-hero[data-scene=land] .detail-photograph { background-position:left bottom; }
.sector-detail-hero[data-scene=logistics] .detail-photograph { background-position:right bottom; }
.sector-detail-hero::before { background:linear-gradient(90deg,#051422 20%,#051422d9 47%,#05142266); }
@media(max-width:640px) { .detail-photograph { left:0; opacity:.6; } }
