.kota-project-detail { color:#10242b; background:#f4f7f8; }
.kota-project-detail .kota-header { position:absolute; }

.kota-project-detail-hero { position:relative; min-height:min(900px,100svh); overflow:hidden; display:flex; align-items:flex-end; color:#fff; background:#0a1c22; }
.kota-project-detail-hero > img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; animation:kota-project-hero-in 1.2s cubic-bezier(.2,.8,.2,1) both; }
.kota-project-detail-hero__shade { position:absolute; inset:0; background:linear-gradient(90deg,rgba(4,15,20,.86) 0%,rgba(4,15,20,.54) 48%,rgba(4,15,20,.12) 80%),linear-gradient(0deg,rgba(4,15,20,.78),transparent 52%); }
.kota-project-detail-hero__grid { position:absolute; inset:0; opacity:.2; background-image:linear-gradient(#fff2 1px,transparent 1px),linear-gradient(90deg,#fff2 1px,transparent 1px); background-size:80px 80px; -webkit-mask-image:linear-gradient(to right,#000,transparent 75%); mask-image:linear-gradient(to right,#000,transparent 75%); }
.kota-project-detail-hero__inner { position:relative; z-index:2; padding-top:170px; padding-bottom:clamp(70px,9vw,130px); }
.kota-project-detail-hero__inner nav { display:flex; flex-wrap:wrap; gap:10px; margin-bottom:clamp(56px,9vw,125px); color:#d6dfe1; font-size:13px; font-weight:600; letter-spacing:.08em; text-transform:uppercase; }
.kota-project-detail-hero__inner nav a { color:inherit; text-decoration:none; }
.kota-project-detail-hero__inner > p { display:flex; align-items:center; gap:14px; margin:0 0 20px; color:#fff; font-size:13px; font-weight:700; letter-spacing:.16em; text-transform:uppercase; }
.kota-project-detail-hero__inner > p span { width:42px; height:2px; background:#c92a2a; }
.kota-project-detail-hero h1 { max-width:1100px; margin:0; color:#fff; font:500 clamp(46px,6.2vw,96px)/1.02 Manrope,Arial,sans-serif; letter-spacing:-.055em; text-wrap:balance; }
.kota-project-detail-hero h1 i { color:#ff6565; font-family:"Cormorant Garamond",Georgia,serif; font-style:italic; font-weight:500; }
.kota-project-detail-hero__inner > a:last-child { display:inline-flex; gap:20px; align-items:center; margin-top:36px; padding-bottom:8px; border-bottom:1px solid #ffffff80; color:#fff; font-size:14px; font-weight:700; text-decoration:none; }
.kota-project-detail-hero__inner > a:last-child b { color:#ff6969; }

.kota-project-information { background:#f4f7f8; }
.kota-project-information__layout { display:grid; grid-template-columns:minmax(0,1.5fr) minmax(300px,.7fr); gap:clamp(60px,9vw,150px); align-items:start; }
.kota-project-copy__content { max-width:820px; margin-top:34px; }
.kota-project-copy__content p,.kota-project-copy__content li { color:#40565d; font-size:clamp(16px,1.25vw,19px); line-height:1.85; }
.kota-project-copy__content p { margin:0 0 1.4em; }
.kota-project-copy__content h3 { margin:1.5em 0 .65em; font-size:clamp(25px,2.7vw,42px); letter-spacing:-.035em; }
.kota-project-copy__content ul,.kota-project-copy__content ol { margin:1.4em 0; padding-left:1.25em; }
.kota-project-copy__content a { color:#a91d25; text-underline-offset:4px; }
.kota-project-facts { position:sticky; top:120px; padding:36px; border:1px solid #d6e0e2; border-radius:18px; background:#fff; box-shadow:0 28px 70px -48px #10242b; }
.kota-project-facts > div { display:grid; gap:7px; padding:17px 0; border-bottom:1px solid #e4eaec; }
.kota-project-facts > div span { color:#6b7d82; font-size:12px; font-weight:700; letter-spacing:.11em; text-transform:uppercase; }
.kota-project-facts > div strong { color:#10242b; font-size:16px; line-height:1.5; }
.kota-project-facts > a { display:flex; justify-content:space-between; gap:18px; margin-top:27px; padding:16px 18px; border-radius:8px; color:#fff; background:#a91d25; font-size:13px; font-weight:700; text-decoration:none; text-transform:uppercase; }

.kota-project-stats { position:relative; overflow:hidden; color:#fff; background:radial-gradient(circle at 90% 10%,#c92a2a30,transparent 35%),#0b2027; }
.kota-project-stats::before { content:""; position:absolute; inset:0; opacity:.26; background-image:linear-gradient(#fff1 1px,transparent 1px),linear-gradient(90deg,#fff1 1px,transparent 1px); background-size:72px 72px; }
.kota-project-stats .kota-shell { position:relative; display:grid; grid-template-columns:repeat(4,1fr); }
.kota-project-stats article { min-height:220px; display:flex; flex-direction:column; justify-content:center; gap:18px; padding:42px; border-left:1px solid #ffffff24; }
.kota-project-stats article:last-child { border-right:1px solid #ffffff24; }
.kota-project-stats strong { color:#fff; font-size:clamp(30px,3.1vw,52px); font-weight:500; line-height:1.05; letter-spacing:-.04em; }
.kota-project-stats span { color:#b7c5c9; font-size:13px; line-height:1.5; text-transform:uppercase; letter-spacing:.09em; }

.kota-project-gallery { overflow:hidden; background:#fff; }
.kota-project-gallery__head { display:flex; justify-content:space-between; gap:40px; align-items:flex-end; margin-bottom:56px; }
.kota-project-gallery__head h2 { margin:8px 0 0; font-size:clamp(44px,5vw,76px); line-height:1; letter-spacing:-.055em; }
.kota-project-gallery__head h2 em { color:#c92a2a; font-family:"Cormorant Garamond",Georgia,serif; font-weight:500; }
.kota-project-gallery__head > p { margin:0; color:#65777c; font-size:14px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }
.kota-project-gallery__grid { display:grid; grid-template-columns:repeat(12,1fr); gap:18px; }
.kota-project-gallery__grid button { position:relative; grid-column:span 4; min-width:0; aspect-ratio:4/3; padding:0; overflow:hidden; border:0; border-radius:14px; background:#dce5e7; cursor:zoom-in; box-shadow:0 22px 50px -36px #10242b; transform:perspective(900px) translateZ(0); transition:transform .35s ease,box-shadow .35s ease; }
.kota-project-gallery__grid button:nth-child(7n+1),.kota-project-gallery__grid button:nth-child(7n+5) { grid-column:span 8; aspect-ratio:16/9; }
.kota-project-gallery__grid button img { width:100%; height:100%; object-fit:cover; transition:transform .65s cubic-bezier(.2,.8,.2,1); }
.kota-project-gallery__grid button span { position:absolute; left:16px; bottom:16px; min-width:36px; padding:8px 9px; border-radius:20px; color:#fff; background:#0b2027db; font-size:11px; font-weight:700; }
.kota-project-gallery__grid button:hover,.kota-project-gallery__grid button:focus-visible { z-index:2; transform:perspective(900px) translateY(-7px) rotateX(1.5deg); box-shadow:0 38px 70px -38px #10242b; }
.kota-project-gallery__grid button:hover img { transform:scale(1.035); }

.kota-project-pagination { display:grid; grid-template-columns:1fr 1fr; background:#edf2f3; }
.kota-project-pagination > a { min-height:200px; display:flex; flex-direction:column; justify-content:center; gap:12px; padding:44px max(32px,calc((100vw - 1380px)/2)); color:#10242b; text-decoration:none; transition:color .3s ease,background .3s ease; }
.kota-project-pagination > a + a { align-items:flex-end; text-align:right; border-left:1px solid #cedadd; }
.kota-project-pagination span { color:#718287; font-size:12px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; }
.kota-project-pagination strong { max-width:560px; font-size:clamp(19px,2vw,30px); line-height:1.25; }
.kota-project-pagination > a:hover,.kota-project-pagination > a:focus-visible { color:#fff; background:#a91d25; }
.kota-project-pagination > a:hover span,.kota-project-pagination > a:focus-visible span { color:#ffd4d4; }

.kota-project-lightbox { width:100vw; max-width:none; height:100vh; max-height:none; margin:0; padding:0; border:0; color:#fff; background:#061217f5; }
.kota-project-lightbox::backdrop { background:#061217ed; }
.kota-project-lightbox[open] { display:grid; grid-template-columns:80px 1fr 80px; align-items:center; }
.kota-project-lightbox figure { width:min(1180px,calc(100vw - 210px)); max-height:88vh; margin:auto; display:grid; gap:14px; justify-items:center; }
.kota-project-lightbox figure img { display:block; max-width:100%; max-height:80vh; object-fit:contain; border-radius:6px; }
.kota-project-lightbox figcaption { color:#c4d0d3; font-size:13px; }
.kota-project-lightbox button { border:0; color:#fff; background:transparent; cursor:pointer; font-size:30px; }
.kota-project-lightbox__close { position:absolute; z-index:2; right:24px; top:18px; width:52px; height:52px; border:1px solid #ffffff42!important; border-radius:50%; }

@keyframes kota-project-hero-in { from { opacity:.25; transform:scale(1.06); } to { opacity:1; transform:scale(1); } }

@media (max-width:980px) {
    .kota-project-information__layout { grid-template-columns:1fr; }
    .kota-project-facts { position:relative; top:auto; }
    .kota-project-stats .kota-shell { grid-template-columns:repeat(2,1fr); }
    .kota-project-stats article:nth-child(3) { border-top:1px solid #ffffff24; }
    .kota-project-stats article:nth-child(4) { border-top:1px solid #ffffff24; }
    .kota-project-gallery__grid button { grid-column:span 6; }
    .kota-project-gallery__grid button:nth-child(7n+1),.kota-project-gallery__grid button:nth-child(7n+5) { grid-column:span 12; }
}

@media (max-width:720px) {
    .kota-project-detail-hero { min-height:760px; }
    .kota-project-detail-hero__shade { background:linear-gradient(0deg,rgba(4,15,20,.9),rgba(4,15,20,.25) 80%); }
    .kota-project-detail-hero__inner { padding-top:150px; padding-bottom:60px; }
    .kota-project-detail-hero__inner nav { margin-bottom:80px; }
    .kota-project-detail-hero h1 { font-size:clamp(39px,12vw,62px); }
    .kota-project-gallery__head { align-items:flex-start; flex-direction:column; }
    .kota-project-gallery__grid { gap:12px; }
    .kota-project-gallery__grid button,.kota-project-gallery__grid button:nth-child(7n+1),.kota-project-gallery__grid button:nth-child(7n+5) { grid-column:span 12; aspect-ratio:4/3; }
    .kota-project-pagination { grid-template-columns:1fr; }
    .kota-project-pagination > a { min-height:160px; padding:34px 22px; }
    .kota-project-pagination > a + a { border-top:1px solid #cedadd; border-left:0; }
    .kota-project-lightbox[open] { grid-template-columns:54px 1fr 54px; }
    .kota-project-lightbox figure { width:calc(100vw - 116px); }
}

@media (max-width:520px) {
    .kota-project-stats .kota-shell { grid-template-columns:1fr; }
    .kota-project-stats article { min-height:150px; padding:30px 12px; border-right:0!important; border-left:0; border-top:1px solid #ffffff24; }
    .kota-project-stats article:first-child { border-top:0; }
    .kota-project-facts { padding:25px; }
    .kota-project-lightbox[open] { grid-template-columns:44px 1fr 44px; }
    .kota-project-lightbox figure { width:calc(100vw - 92px); }
}

@media (prefers-reduced-motion:reduce) {
    .kota-project-detail-hero > img { animation:none; }
    .kota-project-gallery__grid button,.kota-project-gallery__grid button img { transition:none; }
}