/* Premium 9 — consistent reading rhythm, purposeful imagery, quiet brand presentation. */
:root{--muted:#b9cbd8}
:focus-visible{outline:2px solid #a9d6ee;outline-offset:5px}
.eyebrow,.directory-label,.catalog-kicker,.production-label{color:#a1bed1}
.text-link{font-size:13px;min-height:44px}
.section-heading .text-link{margin-top:10px}
.content-deck .doc-copy p{font-weight:400;line-height:1.85;color:#c7d6e0}
.content-deck #nasil-basladik .doc-copy{max-width:76ch;margin:0}
.content-deck .doc-copy h2{line-height:1.14;letter-spacing:0}
.deck-intro .doc-copy{max-width:85ch}
.deck-intro .doc-copy p{font-weight:400}
.section-link{line-height:1.5;min-height:54px}
.section-link[aria-current]{background:linear-gradient(90deg,#25455c99,#16304722);color:#fff}
.section-directory{border-right-color:#8aabbf30}
.page-hero>img{filter:saturate(.72) brightness(.76)}
.page-hero .hero-grid{opacity:.38}
.content-deck .technical-photo img{filter:saturate(.85) brightness(.98);aspect-ratio:4/3;max-height:360px}
.content-deck .content-panel.with-image,.content-deck .content-panel.reverse{align-items:center}
.content-deck .content-panel.hr-policy{display:block}
.hr-policy .doc-copy{max-width:85ch;margin:0}
.hr-policy .doc-list{display:grid;grid-template-columns:1fr 1fr;gap:0 30px;list-style:none;padding:0}
.hr-policy .doc-list li{border-top:1px solid #62849c45;padding:17px 0 17px 20px;position:relative}
.hr-policy .doc-list li:before{content:'';position:absolute;left:0;top:27px;width:5px;height:5px;background:#a9c8dc;border-radius:50%}
.engineering-drawing{margin:0;width:100%;border:1px solid #739bb13f;position:relative;overflow:hidden}
.engineering-drawing svg{display:block;width:100%;height:auto}
.engineering-drawing:after{content:'';position:absolute;top:0;left:0;width:45px;height:2px;background:#b83251}
.drawing-part{transform-origin:center;animation:drawing-enter .8s cubic-bezier(.22,.8,.24,1) both}
@keyframes drawing-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1400px){
 .header-inner{padding:0 24px;gap:22px;max-width:1760px}
 .brand img{width:132px}.brand{padding-left:10px}
 .main-menu{gap:12px;flex:1;justify-content:flex-end}
 .nav-item{gap:0}
 .nav-link,.nav-link[href="makine-parki.html"]{font-size:14px;letter-spacing:-.025em;font-weight:400}
 .submenu-toggle{width:24px;min-width:24px}
 .submenu-toggle .icon{width:11px;opacity:.8}
 .nav-link[href="iletisim.html"]{font-size:14px;margin-left:0;padding:11px 14px;gap:12px}
 .mega-menu{left:24px;right:24px;grid-template-columns:250px 1fr;background:linear-gradient(110deg,#122c40,#081a29);border-top-color:#7594ab66}
 .mega-links a,.mega-links.wide a{font-size:14px;min-height:52px}
 .mega-content{padding:22px 30px}
 .mega-links a:hover{transform:none;background:linear-gradient(90deg,#466d8538,transparent)}
 .mega-links a>.icon:first-child{color:#9cbed4}
 .mega-visual strong{font-size:32px;line-height:1.12}
}
@media(min-width:1600px){.main-menu{gap:18px}.header-inner{gap:36px;padding:0 38px}.brand img{width:154px}.nav-link,.nav-link[href="makine-parki.html"]{font-size:14px;letter-spacing:0}}
/* The production rows navigate directly. The preview remains a useful hover enhancement. */
.production-choice{text-decoration:none;cursor:pointer}
.production-choice>span[data-doc-id]{font-weight:400;line-height:1.55}
.production-choice .icon:last-child{opacity:.7}
.production-choice.is-active{background:linear-gradient(90deg,#25465c80,transparent)}
.production-choice:hover .icon:last-child{transform:translateX(4px);opacity:1}
.production-visual{clip-path:none;border:1px solid #819fb442}
.production-shot img{filter:saturate(.85) brightness(.96)}
.production-destination{background:linear-gradient(0deg,#03111df0,transparent);padding-top:80px}
.identity-band{background:#10283a;border-block:1px solid #6f8fa83b}
.identity-copy p{font-weight:400;color:#c5d5df;line-height:1.85}
.capability-photo img{filter:saturate(.82) brightness(.96);object-position:50% 50%}
.capability-photo{border:0}.capability-copy{background:linear-gradient(135deg,#132e43,#091d2e)}
.machine-panels{gap:20px;align-items:stretch}
.machine-panel,.machine-panel:nth-child(2),.machine-panel:nth-child(3){margin-top:0;transform:none;min-height:355px}
.machine-panel img{filter:saturate(.8) brightness(.85)}
.machine-panel h3{font-size:32px}
.quality-section{background:linear-gradient(115deg,#e5ebee,#c5d2db);border-block:1px solid #94aebe;color:#10283a;gap:70px}
.quality-copy h2{color:#10283a}.quality-copy>p:not(.eyebrow){color:#344f63;font-weight:400}
.quality-section .eyebrow{color:#405e73}.quality-section .text-link{color:#1f4b66}
.quality-standards>a{border-color:#6c879966;color:#173c56}
.quality-standards h3{color:#173c56;font-weight:500}
.quality-standards .icon:first-child,.quality-standards .icon:last-child{color:#2f617f}
.quality-standards>a:hover{background:#fff3;color:#081e2e}
/* Authentic marks, normalized optically rather than stretched into identical rectangles. */
.references-band{padding-block:38px 48px}
.references-band>h2{color:#aec6d6;font-size:11px;margin-bottom:28px}
.references-band>div{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:24px}
.references-band a{display:flex;align-items:center;justify-content:center;min-height:82px;padding:9px 18px;border-right:1px solid #7997ae35}
.references-band a:last-child{border-right:0}
.reference-logo{display:block;width:100%;height:65px;max-width:195px;object-fit:contain;filter:brightness(0) invert(1);opacity:.82;transition:opacity .25s,transform .25s}
.reference-logo.brand-103{max-width:60px;height:76px}
.references-band .reference-logo{height:44px;max-width:160px}.references-band .brand-103{height:62px;max-width:50px}
.references-band a:hover .reference-logo{opacity:1;transform:translateY(-3px)}
body[data-page="referanslar"] .doc-band{padding-block:44px 54px;background:radial-gradient(ellipse at 50% 0,#23405266,transparent 65%),#081b2a}
body[data-page="referanslar"] .reference-grid{gap:0;border:1px solid #68879e42}
body[data-page="referanslar"] .reference-grid .reference-tile{display:flex;align-items:center;justify-content:center;gap:25px;flex-direction:column;min-height:215px;padding:35px 24px;background:transparent;border:0;border-right:1px solid #68879e42;border-bottom:1px solid #68879e42}
body[data-page="referanslar"] .reference-tile:nth-child(3n){border-right:0}
body[data-page="referanslar"] .reference-tile:nth-last-child(-n+3){border-bottom:0}
body[data-page="referanslar"] .reference-tile:after{display:none}
body[data-page="referanslar"] .reference-tile h2{font:400 12px/1.4 var(--body);letter-spacing:.075em;color:#a7c0d0;margin:0;text-align:center}
body[data-page="referanslar"] .reference-tile:hover{background:#2c4b5f26}
body[data-page="referanslar"] .reference-tile:hover .reference-logo{opacity:1;transform:translateY(-3px)}
/* One integrated machine showcase, compact enough to scan on a phone. */
.catalog-heading{min-height:72px;margin-bottom:16px}
.catalog-filters{gap:6px;padding-bottom:20px}
.catalog-filters button{min-height:54px;padding:10px 12px;border-color:#7094ad50;background:#0c2436;gap:8px}
.catalog-filters button>span{font-weight:400;font-size:12px;color:#bfd2df}
.catalog-filters button[aria-pressed="true"]{background:#29465b;border-color:#8baabd;color:#fff}
.catalog-filters button[aria-pressed="true"]>span{color:#fff}
.catalog-presentation{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.2fr);gap:28px;align-items:start}
.catalog-showroom{position:sticky;top:calc(var(--header) + 28px);height:430px;border:1px solid #809cad50;background:#0a1d2b;overflow:hidden}
.catalog-shot{position:absolute;inset:0;margin:0;opacity:0;visibility:hidden;transition:opacity .55s,visibility .55s}
.catalog-shot.is-active{opacity:1;visibility:visible}
.catalog-shot img{width:100%;height:100%;object-fit:cover;filter:saturate(.8);transition:transform .7s}
.catalog-shot.is-active img{transform:scale(1.025)}
.catalog-shot:after{content:'';position:absolute;inset:40% 0 0;background:linear-gradient(0deg,#03111df5,transparent)}
.catalog-shot figcaption{position:absolute;left:24px;right:24px;bottom:23px;z-index:1;font:500 36px/1.1 var(--display);color:#ecf4f8;max-width:12ch}
.catalog-shot figcaption:before{content:'';width:32px;height:2px;background:#c53859;display:block;margin-bottom:16px}
.content-deck .catalog-presentation .machine-list{gap:0 20px;grid-template-columns:1fr 1fr}
.content-deck .catalog-presentation .machine-list article{padding:13px 0;min-height:66px;gap:10px;align-items:center}
.content-deck .catalog-presentation .machine-list h2{font-size:14px;line-height:1.6;font-weight:400}
.catalog-presentation .machine-symbol{width:25px;height:25px;border:0;background:transparent}
.catalog-presentation .machine-symbol .icon{width:19px;height:19px}
.content-deck[data-catalog-category]:not([data-catalog-category="all"]) .catalog-presentation .machine-list{grid-template-columns:1fr}
.content-deck .catalog-presentation .machine-list article[hidden]{display:none}
.content-deck .doc-band>p{color:#b9ccd9;font-weight:400}
/* Keep navigation stable under rapid consecutive visits. */
@view-transition{navigation:none}
body:not([data-page="index"]) main{animation:content-arrive .3s ease both}
@keyframes content-arrive{from{opacity:.65;transform:translateY(4px)}to{opacity:1;transform:none}}
@media(max-width:1100px){.catalog-presentation{grid-template-columns:1fr;gap:16px}.catalog-showroom{position:relative;top:auto;height:240px}.hr-policy .doc-list{grid-template-columns:1fr}.quality-section{gap:35px}.catalog-filters button{min-height:48px}.catalog-filters button:first-child{min-height:42px}}
@media(max-width:900px){.references-band>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.references-band a:nth-child(3){border-right:0}.quality-section{grid-template-columns:1fr}.engineering-drawing{max-width:520px}}
@media(max-width:760px){
 .content-deck .content-panel.hr-policy{display:block}
 .content-deck.ready .section-select-label{font-size:11px;color:#afc9da;padding-top:9px}
 .content-deck.ready .section-select{font-size:15px;background:#112b3d;padding-top:8px;min-height:44px}
 .content-deck.ready .section-directory{background:#112b3d;box-shadow:0 6px 20px #0003}
 .catalog-showroom{height:210px}.catalog-shot figcaption{font-size:30px;bottom:20px;left:20px}
 .content-deck .catalog-presentation .machine-list{gap:0 16px}
 .content-deck .catalog-presentation .machine-list article{min-height:65px;gap:8px;align-items:flex-start;padding-block:15px}
 .content-deck .catalog-presentation .machine-list h2{font-size:14px;line-height:1.6}
 .content-deck .catalog-presentation .machine-list article:has([data-doc-id="73"]){grid-column:1/-1}
 .catalog-presentation .machine-symbol{width:18px;height:23px}
 .catalog-presentation .machine-symbol .icon{width:17px;height:17px}
 .catalog-filters button>span:not(.filter-count){font-size:12px}
 .references-band{padding-block:30px}.references-band>div{gap:16px 8px}
 .references-band a{padding:7px 12px;min-height:66px}.references-band .reference-logo{height:31px}.references-band .brand-103{height:47px}
 body[data-page="referanslar"] .reference-grid{grid-template-columns:1fr 1fr}
 body[data-page="referanslar"] .reference-grid .reference-tile{min-height:170px;padding:25px 17px;gap:20px;border-right:1px solid #68879e42;border-bottom:1px solid #68879e42}
 body[data-page="referanslar"] .reference-tile:nth-child(2n){border-right:0}
 body[data-page="referanslar"] .reference-tile:nth-last-child(-n+2){border-bottom:0}
 body[data-page="referanslar"] .reference-tile h2{font-size:10px;letter-spacing:.025em}
 .reference-logo{height:46px}.reference-logo.brand-103{height:63px}
 .capability-photo{height:280px;min-height:0}
 .machine-panel,.machine-panel:nth-child(2),.machine-panel:nth-child(3){min-height:270px}
 .quality-standards h3{font-size:13px}.quality-copy>p:not(.eyebrow){font-size:15px}
 .hero-facts span{font-size:9px;letter-spacing:0}
 .scene b{font-size:9px}.hero-copy .eyebrow{font-size:9px}
 .production-choice>span[data-doc-id]{font-size:15px}.production-choice{min-height:65px}
 .engineering-drawing{max-width:none}
}
@media(prefers-reduced-motion:reduce){.drawing-part{animation:none}.catalog-shot,.catalog-shot img,.reference-logo,.production-choice .icon{transition:none}.reference-tile:hover .reference-logo,.references-band a:hover .reference-logo{transform:none}}
@media print{.catalog-showroom{display:none}.catalog-presentation{display:block}.reference-logo{filter:none}}

/* Premium 10 — final optical and interaction adjustments. */
.section-select-wrap{display:none}
.mega-links a[aria-current="location"]{color:#edf7fc;background:linear-gradient(90deg,#32566c70,transparent);box-shadow:inset 2px 0 #aa3453}
.mega-links a:focus-visible,.section-link:focus-visible{outline-offset:-2px;background-color:#244357}
.catalog-filters button:focus-visible{outline-offset:2px}
.submenu-toggle:focus-visible,.menu-toggle:focus-visible{outline-offset:2px;background:#26465c}
.certificate-info dt{font-size:11px;color:#a8c1d1}
.certificate-info dd{font-size:13px;color:#dae5ec}
.certificate-actions a{font-size:12px;min-height:36px;gap:8px}
.certificate-actions{gap:20px;margin-top:8px}
.certificate-actions a:focus-visible{outline-offset:2px;color:#fff}
.certificate-viewer-foot a{min-height:40px}
.footer-contact p{font-size:12px;line-height:1.85;color:#a5bece}
.footer-contact>a{font-size:14px;min-height:32px;display:flex;align-items:center}
.footer-directory>nav a{font-size:12px;min-height:36px}
.footer-brand>span{font-size:10px;color:#9fb8c9}
.footer-bottom{color:#96b2c5;font-size:11px}
.footer-bottom a{min-height:36px;color:#b8d0df}
.content-deck .doc-copy h2,.page-hero h1{text-wrap:balance}
.technical-photo img[src*="quality"]{object-position:55% center}
.catalog-shot[data-catalog-shot="machining"] img{object-position:49% 44%}
.catalog-shot[data-catalog-shot="finishing"] img{object-position:58% center}
.machine-panel img[src*="coating"]{object-position:62% center}
@media(min-width:1400px){
 .mega-menu{min-height:0;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#668da5 #091c2b}
 .mega-visual{min-height:230px}
 .mega-content{padding:20px 28px}
 .mega-label{padding-bottom:13px}
 .mega-links a>span{flex:1;min-width:0}
 .mega-links a>.icon{flex-shrink:0}
 .mega-links.wide{gap:0 24px}
 .mega-links.wide a{font-size:13px;line-height:1.55;min-height:50px;gap:10px}
 .mega-visual>div{left:21px;right:18px;bottom:22px}
}
@media(max-width:1399px){
 .main-menu{overscroll-behavior:contain;scrollbar-width:thin;scroll-padding-block:14px}
 .main-menu .mega-links a{min-height:48px;gap:12px}
 .main-menu .mega-links a>span{flex:1;min-width:0}
 .main-menu .mega-links a>.icon{flex-shrink:0}
}
@media(max-width:760px){
 .content-deck.ready .section-select-wrap{display:flex;position:relative;align-items:center;gap:12px;min-height:45px;padding:8px 14px 11px;border-bottom:2px solid #668fa9}
 .section-select-display{flex:1;min-width:0;font-size:14px;line-height:1.5;color:#edf5fa;font-weight:500;overflow-wrap:break-word}
 .section-select-wrap>.icon{flex-shrink:0;width:15px;height:15px;color:#b3cddd}
 .content-deck.ready .section-select{position:absolute;inset:0;width:100%;height:100%;min-height:44px;margin:0;opacity:0;cursor:pointer;padding:0;border:0;font-size:16px}
 .section-select-wrap:focus-within{outline:2px solid #b0d8ed;outline-offset:-2px;background:#1c3a50}
 .content-deck.ready .section-select-label{padding:8px 14px 0;font-size:10px;line-height:1.4}
 .content-deck.ready .section-directory{top:calc(var(--header) + 4px)}
 body:not([data-page="index"]) .page-hero h1{font-size:clamp(36px,10.6vw,44px);line-height:1.08}
 .content-deck .doc-copy h2,.content-deck .culture-panel .doc-copy h2{font-size:clamp(31px,8.7vw,36px);line-height:1.14}
 body[data-page="insan-kaynaklari"] .page-hero>img{object-position:61% center}
 body[data-page="iletisim"] .page-hero>img{object-position:58% 55%}
 .certificate-info dl>div{flex-wrap:wrap;gap:0 8px}
 .certificate-info dt{font-size:11px;min-width:0}.certificate-info dd{font-size:12px}
 .certificate-actions a{min-height:40px;font-size:12px}
 .certificate-card{gap:16px}.certificate-info h3{text-wrap:balance}
 .footer-contact p{font-size:12px;line-height:1.8}
 .footer-bottom{font-size:10px;gap:16px;flex-wrap:wrap}
 .location-heading{flex-wrap:wrap}.location-heading>a{min-height:40px;margin-left:auto}
 .location-foot>a{font-size:12px;min-height:40px}
 .location-foot{flex-wrap:wrap}.location-foot>span{font-size:9px}
}
@media(hover:hover){.certificate-actions a:hover{color:#fff;text-decoration:underline;text-underline-offset:5px}.submenu-toggle:hover{color:#eef8ff}.footer-contact>a:hover{color:#fff}}
@media(forced-colors:active){.content-deck.ready .section-select{opacity:1;position:static;color:CanvasText}.section-select-display,.section-select-wrap>.icon{display:none}}
@media print{.section-select-wrap{display:none!important}}