/* KALASTAR · Arhiva i single project — vrijednosti iz design-tokens.css. */
.kal-projects-page,.kal-project-single-page{color:var(--ink);background:var(--white)}
.kal-projects-archive-hero{background:var(--surface-dark);color:var(--white);min-height:var(--project-archive-hero-height);display:flex;align-items:center}
.kal-projects-archive-hero-layout{padding-block:72px 76px}
.kal-projects-eyebrow{margin:0 0 45px;font-size:var(--font-12);letter-spacing:.16em;color:var(--orange);font-weight:var(--weight-bold);line-height:1.3}
.kal-projects-archive-hero-row{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.68fr);gap:7%;align-items:end}
.kal-projects-archive-hero h1{margin:0;font-weight:var(--weight-display);font-size:clamp(60px,6.35vw,96px);line-height:1.04;letter-spacing:-.055em;max-width:900px}
.kal-projects-archive-hero-row p{margin:0 0 17px;max-width:390px;color:color-mix(in srgb,var(--white) 79%,transparent);font-size:var(--font-19);line-height:1.45}
.kal-projects-archive-section{padding:104px 0 64px}
.kal-projects-archive-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--project-card-gap)}
.kal-project-tile{grid-column:span 6;display:block;position:relative;isolation:isolate;overflow:hidden;min-width:0;height:var(--project-card-height);background:var(--surface-card);color:var(--white);text-decoration:none}
.kal-project-tile:nth-child(4n + 1),.kal-project-tile:nth-child(4n + 4){grid-column:span 7}
.kal-project-tile:nth-child(4n + 2),.kal-project-tile:nth-child(4n + 3){grid-column:span 5}
.kal-project-tile>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s ease}
.kal-project-tile::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,color-mix(in srgb,var(--project-overlay) 94%,transparent) 0%,color-mix(in srgb,var(--project-overlay) 66%,transparent) 16%,transparent 46%);z-index:0;pointer-events:none}
.kal-project-tile-content{position:absolute;z-index:1;inset:auto 0 0;padding:31px 34px 32px}
.kal-project-tile-category{font-size:var(--font-11);font-weight:var(--weight-bold);letter-spacing:.13em;color:var(--orange);text-transform:uppercase}
.kal-project-tile h2{font-size:clamp(29px,2.8vw,42px);font-weight:var(--weight-bold);line-height:1.13;letter-spacing:var(--tracking-heading);margin:16px 30px 0 0}
.kal-project-tile-arrow{position:absolute;right:34px;bottom:34px;font-size:var(--font-28);opacity:0;transition:opacity .18s}
.kal-project-tile:hover>img,.kal-project-tile:focus-visible>img{transform:scale(1.035)}
.kal-project-tile:hover .kal-project-tile-arrow,.kal-project-tile:focus-visible .kal-project-tile-arrow{opacity:1}
.kal-projects-pagination{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;padding:48px 0 16px}
.kal-projects-pagination .page-numbers{padding:8px 14px;border:1px solid var(--border-soft);color:var(--ink);text-decoration:none;font-size:var(--font-16)}
.kal-projects-pagination .page-numbers.current{color:var(--white);background:var(--surface-dark)}
.kal-projects-empty{min-height:170px;font-size:var(--font-20)}
.kal-projects-empty a{color:var(--orange)}
/* Single hero: wide photograph, eyebrow at top, H1 anchored at lower edge. */
.kal-project-single-hero{position:relative;isolation:isolate;height:var(--project-single-hero-height);overflow:hidden;background:var(--surface-dark);color:var(--white)}
.kal-project-single-hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 53%;z-index:0}
.kal-project-single-overlay{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,color-mix(in srgb,var(--project-overlay) 45%,transparent) 0%,transparent 34%,transparent 50%,color-mix(in srgb,var(--project-overlay) 55%,transparent) 100%);pointer-events:none}
.kal-project-single-hero-content{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;padding-top:62px;padding-bottom:73px}
.kal-project-breadcrumbs{display:flex;flex-wrap:wrap;align-items:center;column-gap:12px;row-gap:6px;color:var(--white);font-size:var(--font-12);font-weight:var(--weight-bold);letter-spacing:.115em;line-height:1.4}
.kal-project-breadcrumbs a{color:var(--white);text-decoration:none;text-underline-offset:5px}
.kal-project-breadcrumbs a:hover{text-decoration:underline}
.kal-project-single-hero h1{font-size:clamp(64px,6.35vw,100px);letter-spacing:-.05em;line-height:1.04;font-weight:var(--weight-display);margin:0;max-width:1000px;text-wrap:balance}
.kal-project-single-content{padding-top:112px;padding-bottom:var(--project-single-bottom-gap)}
.kal-project-about-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,.48fr);gap:12%;align-items:start}
.kal-project-about-copy h2{font-size:var(--font-12);font-weight:var(--weight-bold);letter-spacing:.13em;color:var(--orange);margin:0 0 30px}
.kal-project-description{font-size:var(--font-19);line-height:var(--project-description-leading);max-width:720px}
/* Override the generic .prose paragraph rhythm only within the project description. */
.kal-project-description p{margin:0 0 var(--project-description-paragraph-gap)}
.kal-project-description p:last-child{margin-bottom:0}
.kal-project-location{border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);padding:16px 0;min-height:var(--project-location-min-height);display:flex;flex-direction:column;justify-content:center;gap:6px;margin-top:34px}
.kal-project-location span{font-size:var(--font-12);font-weight:var(--weight-bold);letter-spacing:.11em}
.kal-project-location strong{font-size:var(--font-17);font-weight:var(--weight-semibold)}
.kal-project-gallery{margin-top:145px;display:grid;grid-template-columns:minmax(0,1.62fr) minmax(0,1fr);grid-auto-rows:var(--project-detail-gallery-height);gap:var(--project-card-gap)}
.kal-project-gallery--single{grid-template-columns:minmax(0,1fr)}
.kal-project-gallery-item{margin:0;min-width:0;overflow:hidden;background:var(--surface-card)}
.kal-project-gallery-item img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.kal-project-gallery-item:nth-child(n + 3){grid-column:span 1}
.kal-project-cta{margin:0}
@media(max-width:1100px){
  .kal-projects-archive-hero{min-height:425px}
  .kal-projects-archive-hero h1{font-size:clamp(55px,7vw,75px)}
  .kal-project-tile{height:410px}
  .kal-project-single-hero{height:620px}
  .kal-project-single-hero h1{font-size:clamp(57px,7vw,82px)}
  .kal-project-gallery{grid-auto-rows:480px}
}
@media(max-width:900px){
  .kal-projects-archive-hero{min-height:440px}
  .kal-projects-archive-hero-row{grid-template-columns:minmax(0,1fr) minmax(230px,.6fr);gap:4%}
  .kal-projects-archive-hero-row p{font-size:var(--font-16)}
  .kal-projects-archive-section{padding-top:66px}
  .kal-project-tile,.kal-project-tile:nth-child(n){grid-column:span 6;height:360px}
  .kal-project-tile-content{padding:25px}
  .kal-project-tile h2{font-size:var(--font-28)}
  .kal-project-single-hero{height:580px}
  .kal-project-single-content{padding-top:76px}
  .kal-project-about-row{gap:7%}
  .kal-project-gallery{margin-top:90px;grid-auto-rows:370px}
}
@media(max-width:620px){
  .kal-projects-archive-hero{min-height:435px}
  .kal-projects-archive-hero-layout{padding-block:55px 57px}
  .kal-projects-eyebrow{font-size:var(--font-10);margin-bottom:30px}
  .kal-projects-archive-hero-row{display:flex;align-items:flex-start;flex-direction:column;gap:23px}
  .kal-projects-archive-hero h1{font-size:clamp(45px,11.8vw,67px);line-height:1.065}
  .kal-projects-archive-hero-row p{margin:0;font-size:var(--font-16);max-width:350px}
  .kal-projects-archive-section{padding:44px 0 52px}
  .kal-projects-archive-grid{display:flex;flex-direction:column;gap:14px}
  .kal-project-tile,.kal-project-tile:nth-child(n){height:330px;min-height:330px;flex:none}
  .kal-project-tile-content{padding:22px}
  .kal-project-tile h2{font-size:var(--font-30);margin-top:11px}
  .kal-project-tile-category{font-size:var(--font-10)}
  .kal-project-tile-arrow{opacity:1;font-size:var(--font-22);right:22px;bottom:22px}
  .kal-project-single-hero{height:560px}
  .kal-project-single-hero-content{padding-top:36px;padding-bottom:41px}
  .kal-project-breadcrumbs{font-size:var(--font-10)}
  .kal-project-single-hero h1{font-size:clamp(48px,12vw,70px);overflow-wrap:break-word}
  .kal-project-single-content{padding-top:66px;padding-bottom:var(--project-single-bottom-gap-mobile)}
  .kal-project-about-row{display:flex;flex-direction:column;gap:33px}
  .kal-project-description{font-size:var(--font-17)}
  .kal-project-location{margin-top:0;width:100%}
  .kal-project-gallery{margin-top:64px;display:flex;flex-direction:column;gap:14px}
  .kal-project-gallery-item{height:360px;flex:none}
  .kal-project-gallery-item:nth-child(2){height:420px}
}
@media(prefers-reduced-motion:reduce){.kal-project-tile>img{transition:none}}