/* KubKvadrat 2026 — project pages (.kk) */
.kk{font-family:'Manrope',sans-serif;font-weight:300;color:#2B2724;background:#FBFAF7;font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased}
.kk *{box-sizing:border-box}
.kk a{color:inherit;text-decoration:none;transition:opacity .2s}
.kk a:hover{opacity:.7}
.kk img{display:block;max-width:100%}
.kk .wrap{max-width:1360px;margin:0 auto;padding:0 40px}
.kk .label{font-size:12px;letter-spacing:.22em;text-transform:uppercase;font-weight:500;color:#6B625A}
.kk .sec-title{font-family:'Cormorant Garamond',serif;font-weight:500;font-size:20px;letter-spacing:.42em;text-transform:uppercase}
.kk .italic-link{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:22px;border-bottom:1px solid #2B2724;padding-bottom:2px}
.kk .cta{display:inline-block;background:#2B2724;color:#FBFAF7;font-size:12px;letter-spacing:.22em;text-transform:uppercase;font-weight:500;padding:20px 34px}
/* header */
.kk header.top{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:30px 40px;max-width:1440px;margin:0 auto}
.kk .logo{font-family:'Cormorant Garamond',serif;font-weight:500;font-size:24px;letter-spacing:.34em;text-transform:uppercase;white-space:nowrap}
.kk nav{display:flex;flex-wrap:wrap;gap:8px 30px;font-size:12px;letter-spacing:.22em;text-transform:uppercase;font-weight:500}
.kk nav .nav-c{opacity:.85;text-transform:none;letter-spacing:.08em;font-size:13px}
/* project hero */
.kk .phero{max-width:1360px;margin:0 auto;padding:10px 40px 0}
.kk .phero img{width:100%;height:78vh;min-height:480px;max-height:860px;object-fit:cover}
.kk .phead{max-width:1360px;margin:0 auto;padding:40px 40px 20px;display:flex;flex-wrap:wrap;gap:24px 64px;align-items:flex-start}
.kk .phead .t{flex:1 1 380px;display:flex;flex-direction:column;gap:14px}
.kk .phead h1{margin:0;font-family:'Cormorant Garamond',serif;font-weight:500;font-size:clamp(28px,3.4vw,44px);letter-spacing:.24em;text-transform:uppercase;line-height:1.1}
.kk .phead .sub{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:24px;line-height:1.2}
.kk .phead .facts{display:flex;flex-wrap:wrap;gap:8px 28px;padding-top:6px}
.kk .phead .lead{flex:2 1 480px;max-width:720px;font-size:19px;line-height:1.6;margin:0}
.kk .geo{font-size:11px;letter-spacing:.3em;text-transform:uppercase;font-weight:500;opacity:.85}
/* story */
.kk .sec{border-top:1px solid #DDD6CC}
.kk .sec .in{padding-top:90px;padding-bottom:90px;display:flex;flex-wrap:wrap;gap:40px 96px}
.kk .sec .left{flex:1 1 260px;display:flex;flex-direction:column;gap:18px}
.kk .sec .left p{margin:0;color:#5C534B}
.kk .sec .right{flex:2 1 560px;display:flex;flex-direction:column;gap:22px;max-width:760px}
.kk .sec .right p{margin:0}
.kk .plan{width:100%;background:#F1EDE6;display:flex;align-items:center;justify-content:center;min-height:360px;color:#6B625A}
.kk .plan img{width:100%;height:auto}
.kk details.brands{border-top:1px solid #DDD6CC;padding:18px 0}
.kk details.brands summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:baseline}
.kk details.brands summary::-webkit-details-marker{display:none}
.kk details.brands summary::after{content:"+";font-family:'Cormorant Garamond',serif;font-size:26px;line-height:1;color:#6B625A}
.kk details.brands[open] summary::after{content:"–"}
.kk details.brands p{margin:14px 0 0;color:#5C534B;font-size:15px}
/* next */
.kk .next{display:flex;flex-direction:column;gap:22px}
.kk .next img{width:100%;height:520px;object-fit:cover}
.kk .next .name{font-family:'Cormorant Garamond',serif;font-weight:500;font-size:26px;letter-spacing:.26em;text-transform:uppercase;line-height:1.1}
.kk .ctarow{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.kk footer{padding:24px 40px 40px;border-top:1px solid #DDD6CC;display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px 40px;font-size:12px;color:#6B625A;max-width:1360px;margin:0 auto}
.kk footer .soc{display:flex;flex-wrap:wrap;gap:8px 24px;letter-spacing:.18em;text-transform:uppercase;font-weight:500}
.kk-bar{display:none}
@media (max-width:760px){
 .kk .wrap,.kk .phero,.kk .phead{padding-left:16px;padding-right:16px}
 .kk header.top{padding:18px 16px}
 .kk nav{display:none}
 .kk .phero img{height:56vh;min-height:320px}
 .kk .phead{padding-top:28px}
 .kk .sec .in{padding-top:56px;padding-bottom:56px}
 .kk .next img{height:300px}
 .kk footer{padding:20px 16px 32px}
 .kk-bar{position:fixed;left:0;right:0;bottom:0;z-index:9999;display:flex;background:rgba(251,250,247,.97);border-top:1px solid #DDD6CC;font-family:'Manrope',sans-serif;font-size:11px;letter-spacing:.16em;text-transform:uppercase;font-weight:500;color:#2B2724}
 .kk-bar a{flex:1 1 0;text-align:center;padding:16px 4px;text-decoration:none;color:inherit;border-right:1px solid #DDD6CC}
 .kk-bar a.b{background:#2B2724;color:#FBFAF7;border:0}
 body{padding-bottom:48px}
}