/* ITERACJA 68 — sekcja 07 bez fotografii i równorzędna matryca wykładowców. */

/* ---------- STRONA GŁÓWNA / SEKCJA 07 ---------- */
.faculty>.content-wrap{
  display:block;
}
.faculty .faculty-head{
  display:grid;
  grid-template-columns:minmax(0,1.02fr) minmax(420px,.98fr);
  gap:clamp(54px,7vw,120px);
  align-items:start;
}
.faculty .faculty-head>div:first-child{
  grid-column:auto;
  grid-row:auto;
}
.faculty .faculty-summary{
  grid-column:auto;
  grid-row:auto;
  padding-top:clamp(32px,2.25vw,44px);
}

.faculty-gateway{
  --gateway-height:clamp(142px,12.5vw,196px);
  position:relative;
  z-index:5;
  width:100%;
  min-height:var(--gateway-height);
  margin-top:clamp(48px,5vw,76px);
}
.faculty-gateway-track{
  position:absolute;
  inset:0;
  overflow:hidden;
  pointer-events:none;
}
.faculty-gateway-track::before{
  content:"";
  position:absolute;
  left:0;
  top:50%;
  width:100%;
  height:1px;
  background:rgba(23,16,13,.2);
}
.faculty-gateway-track i{
  position:absolute;
  display:block;
  background:rgba(23,16,13,.11);
}
.faculty-gateway-track i:nth-child(1){left:4%;top:9%;width:20%;height:22%}
.faculty-gateway-track i:nth-child(2){right:5%;bottom:8%;width:29%;height:18%}
.faculty-gateway-track i:nth-child(3){right:23%;top:0;width:clamp(28px,3vw,48px);aspect-ratio:1;background:rgba(241,90,41,.34)}

.faculty-gateway-link{
  position:relative;
  display:grid;
  grid-template-columns:clamp(52px,5.4vw,84px) minmax(0,1fr) clamp(64px,7vw,108px);
  align-items:stretch;
  width:min(1080px,89%);
  height:var(--gateway-height);
  margin-left:auto;
  overflow:hidden;
  border:1px solid rgba(247,236,222,.17);
  background:#17100d;
  color:var(--paper);
  text-decoration:none;
  box-shadow:clamp(18px,2.3vw,36px) clamp(18px,2.3vw,36px) 0 rgba(50,36,28,.14);
  transition:width .72s cubic-bezier(.22,.72,.18,1),height .72s cubic-bezier(.22,.72,.18,1),margin .72s cubic-bezier(.22,.72,.18,1),background .45s ease,box-shadow .45s ease;
}
.faculty-gateway-link::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(105deg,transparent 0 38%,rgba(247,236,222,.07) 48%,transparent 58%);
  transform:translateX(-120%);
  transition:transform .85s cubic-bezier(.22,.72,.18,1);
}
.faculty-gateway-link:hover::before,.faculty-gateway-link:focus-visible::before{transform:translateX(120%)}
.faculty-gateway-link:focus-visible{outline:3px solid var(--orange);outline-offset:5px}
.faculty-gateway-square{
  position:relative;
  align-self:center;
  justify-self:center;
  width:clamp(22px,2.25vw,36px);
  aspect-ratio:1;
  background:var(--orange);
  box-shadow:8px 8px 0 rgba(105,39,18,.72);
  transition:transform .48s cubic-bezier(.22,.72,.18,1),box-shadow .48s ease;
}
.faculty-gateway-link:hover .faculty-gateway-square{transform:translateX(9px);box-shadow:3px 3px 0 rgba(105,39,18,.72)}
.faculty-gateway-copy{
  position:relative;
  z-index:1;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:8px;
  padding:24px clamp(20px,2.4vw,38px);
  border-left:1px solid rgba(247,236,222,.15);
}
.faculty-gateway-copy small{
  color:var(--mid);
  font:600 10px/1 var(--display);
  letter-spacing:.17em;
  text-transform:uppercase;
}
.faculty-gateway-copy strong{
  max-width:760px;
  color:var(--paper);
  font:600 clamp(29px,3.25vw,50px)/.96 var(--display);
  letter-spacing:-.025em;
  text-transform:uppercase;
}
.faculty-gateway-arrow{
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  justify-content:center;
  border-left:1px solid rgba(247,236,222,.16);
  color:var(--orange);
  font:400 clamp(34px,4vw,58px)/1 var(--display);
  transition:background .35s ease,color .35s ease,transform .35s ease;
}
.faculty-gateway-link:hover .faculty-gateway-arrow,.faculty-gateway-link:focus-visible .faculty-gateway-arrow{background:var(--orange);color:#000;transform:translateX(1px)}

/* CMS zmienia wyłącznie data-faculty-directory. Element interaktywny
   staje się wtedy pozbawioną tekstu belką należącą do tła. */
.faculty.faculty-directory-disabled .faculty-gateway{min-height:46px;margin-top:clamp(54px,6vw,92px)}
.faculty.faculty-directory-disabled .faculty-gateway-link{
  width:64%;
  height:24px;
  min-height:0;
  margin-right:8%;
  border:0;
  background:rgba(23,16,13,.13);
  box-shadow:none;
  pointer-events:none;
}
.faculty.faculty-directory-disabled .faculty-gateway-copy,
.faculty.faculty-directory-disabled .faculty-gateway-square,
.faculty.faculty-directory-disabled .faculty-gateway-arrow{opacity:0;visibility:hidden}

/* ---------- PODSTRONA / WSPÓLNA MATRYCA ---------- */
.faculty-directory-page .faculty-directory-hero{
  position:relative;
  min-height:clamp(510px,57vh,690px);
  padding:clamp(92px,9vw,144px) 0 clamp(64px,7vw,108px);
  overflow:hidden;
  background:#0a0706;
  color:var(--paper);
}
.faculty-directory-page .faculty-directory-hero::after{
  content:"";
  position:absolute;
  right:-9%;
  top:8%;
  width:48vw;
  height:78%;
  background:radial-gradient(ellipse at center,rgba(241,90,41,.12),transparent 64%);
  filter:blur(20px);
  pointer-events:none;
}
.faculty-directory-page .faculty-directory-hero .content-wrap{position:relative;z-index:3;width:min(1480px,calc(100% - 2 * var(--gutter)))}
.faculty-directory-page .faculty-directory-intro-grid{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(340px,.55fr);
  gap:clamp(48px,8vw,132px);
  align-items:end;
}
.faculty-directory-page .faculty-directory-kicker{color:var(--orange)}
.faculty-directory-page .faculty-directory-title{max-width:900px;margin-bottom:0;color:var(--paper)}
.faculty-directory-page .faculty-directory-intro{max-width:560px;margin:0 0 7px;color:rgba(247,236,222,.72)}

.faculty-directory-system{
  position:relative;
  height:clamp(112px,12vw,176px);
  margin-top:clamp(58px,6vw,94px);
  border-top:1px solid rgba(247,236,222,.16);
  border-bottom:1px solid rgba(247,236,222,.16);
  overflow:hidden;
}
.faculty-directory-system span{
  position:absolute;
  top:50%;
  display:block;
  width:calc((100% - 5 * clamp(12px,1.7vw,28px))/6);
  height:clamp(20px,2.3vw,34px);
  background:rgba(247,236,222,.1);
  transform:translateY(-50%);
}
.faculty-directory-system span:nth-child(1){left:0;background:rgba(247,236,222,.2)}
.faculty-directory-system span:nth-child(2){left:calc(16.666% + 1 * clamp(2px,.4vw,7px))}
.faculty-directory-system span:nth-child(3){left:calc(33.333% + 1 * clamp(4px,.8vw,14px));background:rgba(175,145,117,.22)}
.faculty-directory-system span:nth-child(4){left:calc(50% + 1 * clamp(6px,1.2vw,21px))}
.faculty-directory-system span:nth-child(5){left:calc(66.666% + 1 * clamp(8px,1.6vw,28px));background:rgba(247,236,222,.16)}
.faculty-directory-system span:nth-child(6){right:0;background:rgba(241,90,41,.75)}
.faculty-directory-system i{position:absolute;display:block;aspect-ratio:1;background:var(--orange)}
.faculty-directory-system i:nth-of-type(1){left:14%;top:13%;width:clamp(18px,2vw,31px);opacity:.62}
.faculty-directory-system i:nth-of-type(2){left:55%;bottom:11%;width:clamp(10px,1.2vw,18px);opacity:.9}
.faculty-directory-system i:nth-of-type(3){right:21%;top:12%;width:clamp(28px,3vw,44px);opacity:.28}

.faculty-directory-page .faculty-directory-list{padding:0;background:var(--paper)}
.faculty-directory-page .faculty-directory-list .content-wrap{width:min(1480px,calc(100% - 2 * var(--gutter)));padding-top:clamp(70px,7vw,112px)}
.faculty-directory-page .faculty-directory-grid.faculty-matrix{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  counter-reset:none;
  border-top:1px solid rgba(23,16,13,.28);
  border-left:1px solid rgba(23,16,13,.28);
}
.faculty-directory-page .faculty-matrix .faculty-directory-card,
.faculty-directory-page .faculty-matrix .faculty-directory-card:nth-child(even){
  position:relative;
  display:grid;
  grid-template-columns:minmax(150px,34%) minmax(0,1fr);
  grid-template-rows:auto 1fr;
  gap:clamp(26px,3vw,48px);
  align-items:start;
  min-height:clamp(510px,39vw,650px);
  margin:0;
  padding:clamp(34px,4vw,62px);
  border:0;
  border-right:1px solid rgba(23,16,13,.28);
  border-bottom:1px solid rgba(23,16,13,.28);
  background:transparent;
  counter-increment:none;
  overflow:hidden;
}
.faculty-directory-page .faculty-matrix .faculty-directory-card:nth-child(4n+2),
.faculty-directory-page .faculty-matrix .faculty-directory-card:nth-child(4n+3){background:rgba(50,36,28,.035)}
.faculty-directory-page .faculty-matrix .faculty-directory-card::before{content:none}
.faculty-directory-page .faculty-matrix .faculty-directory-card::after{
  content:"";
  position:absolute;
  left:0;
  top:0;
  bottom:100%;
  width:8px;
  background:var(--orange);
  transition:bottom .48s cubic-bezier(.22,.72,.18,1);
}
.faculty-directory-page .faculty-matrix .faculty-directory-card:hover::after{bottom:0}
.faculty-directory-page .faculty-matrix .faculty-directory-card .portrait,
.faculty-directory-page .faculty-matrix .faculty-directory-card:nth-child(even) .portrait{
  grid-column:1;
  grid-row:1;
  z-index:1;
  width:100%;
  aspect-ratio:1;
  overflow:hidden;
  box-shadow:clamp(12px,1.5vw,22px) clamp(12px,1.5vw,22px) 0 rgba(50,36,28,.13);
}
.faculty-directory-page .faculty-matrix .faculty-directory-card .portrait img{filter:grayscale(1) sepia(.22) saturate(.52) contrast(1.06);transform:scale(1.025)}
.faculty-directory-page .faculty-matrix .faculty-directory-card:hover .portrait img{filter:none;transform:scale(1)}
.faculty-directory-page .faculty-matrix .faculty-directory-card .portrait i{width:clamp(28px,2.8vw,44px)}
.faculty-directory-page .faculty-matrix .faculty-directory-card .person-copy,
.faculty-directory-page .faculty-matrix .faculty-directory-card:nth-child(even) .person-copy{
  grid-column:2;
  grid-row:1 / span 2;
  position:relative;
  z-index:2;
  min-width:0;
  padding:0;
}
.faculty-directory-page .faculty-matrix .faculty-directory-card .person-copy h2{
  max-width:none;
  margin:0 0 13px;
  font-size:clamp(29px,3vw,48px);
  line-height:.94;
}
.faculty-directory-page .faculty-matrix .faculty-directory-card .person-role{display:grid;gap:3px;margin:0 0 clamp(22px,2.3vw,34px)}
.faculty-directory-page .faculty-matrix .faculty-directory-card .person-role strong{font-size:clamp(12px,.92vw,15px)}
.faculty-directory-page .faculty-matrix .faculty-directory-card .person-bio{max-width:none;margin-top:0;font-size:clamp(14px,1vw,17px);line-height:1.55}
.faculty-directory-page .faculty-matrix .faculty-directory-card .person-bio-followup{margin-top:14px}
.faculty-directory-page .faculty-matrix .faculty-directory-card .person-projects{max-width:none;margin-top:clamp(22px,2.4vw,36px);border-top-color:rgba(23,16,13,.18)}
.faculty-directory-page .faculty-matrix .faculty-directory-card .person-projects summary{font-size:11px}
.faculty-directory-page .faculty-directory-return{justify-content:center;margin:0;padding:clamp(64px,7vw,104px) 0}

@media(max-width:1100px){
  .faculty .faculty-head{grid-template-columns:1fr;gap:24px}
  .faculty .faculty-summary{max-width:820px}
  .faculty-directory-page .faculty-matrix .faculty-directory-card,
  .faculty-directory-page .faculty-matrix .faculty-directory-card:nth-child(even){grid-template-columns:minmax(135px,31%) minmax(0,1fr);padding:32px;gap:28px;min-height:560px}
}

@media(max-width:820px){
  .faculty-gateway-link{width:100%}
  .faculty-directory-page .faculty-directory-intro-grid{grid-template-columns:1fr;gap:28px}
  .faculty-directory-page .faculty-directory-system{margin-top:46px}
  .faculty-directory-page .faculty-directory-grid.faculty-matrix{grid-template-columns:1fr}
  .faculty-directory-page .faculty-matrix .faculty-directory-card,
  .faculty-directory-page .faculty-matrix .faculty-directory-card:nth-child(even){min-height:0;grid-template-columns:minmax(180px,34%) minmax(0,1fr);padding:clamp(28px,5vw,48px)}
  .faculty-directory-page .faculty-matrix .faculty-directory-card:nth-child(odd){background:transparent}
  .faculty-directory-page .faculty-matrix .faculty-directory-card:nth-child(even){background:rgba(50,36,28,.035)}
}

@media(max-width:560px){
  .faculty-gateway{--gateway-height:126px}
  .faculty-gateway-link{grid-template-columns:46px minmax(0,1fr) 52px}
  .faculty-gateway-copy{padding:18px 14px}.faculty-gateway-copy strong{font-size:24px}.faculty-gateway-copy small{font-size:8px}
  .faculty-directory-page .faculty-directory-hero{min-height:0;padding:76px 0 58px}
  .faculty-directory-page .faculty-directory-system{height:96px}
  .faculty-directory-page .faculty-matrix .faculty-directory-card,
  .faculty-directory-page .faculty-matrix .faculty-directory-card:nth-child(even){grid-template-columns:1fr;gap:28px;padding:34px 24px 44px}
  .faculty-directory-page .faculty-matrix .faculty-directory-card .portrait,
  .faculty-directory-page .faculty-matrix .faculty-directory-card:nth-child(even) .portrait{grid-column:1;grid-row:1;max-width:310px}
  .faculty-directory-page .faculty-matrix .faculty-directory-card .person-copy,
  .faculty-directory-page .faculty-matrix .faculty-directory-card:nth-child(even) .person-copy{grid-column:1;grid-row:2}
  .faculty-directory-page .faculty-matrix .faculty-directory-card .person-copy h2{font-size:clamp(36px,11vw,52px)}
}

@media(prefers-reduced-motion:reduce){
  .faculty-gateway-link,.faculty-gateway-link::before,.faculty-gateway-square,.faculty-gateway-arrow,.faculty-directory-page .faculty-matrix .faculty-directory-card::after{transition:none!important}
}