/* Our Work v30 — scalable real-project library, filters and detail gallery. */

.work-library{
  position:relative;
  overflow:hidden;
  padding:78px 0 84px;
  background:
    radial-gradient(circle at 7% 4%,rgba(253,174,2,.095),transparent 24%),
    radial-gradient(circle at 96% 32%,rgba(205,139,28,.055),transparent 23%),
    linear-gradient(180deg,#f8f7f3 0%,#fff 100%);
}

.work-library:before{
  position:absolute;
  top:96px;
  right:-174px;
  width:430px;
  height:430px;
  border:1px solid rgba(196,127,8,.085);
  border-radius:50%;
  box-shadow:0 0 0 60px rgba(196,127,8,.017),0 0 0 120px rgba(196,127,8,.011);
  content:"";
  pointer-events:none;
}

.work-library>.container{
  position:relative;
  z-index:1;
}

.work-library__heading{
  display:grid;
  align-items:end;
  margin-bottom:27px;
  grid-template-columns:minmax(0,1.12fr) minmax(310px,.68fr);
  gap:52px;
}

.work-library__heading h2{
  max-width:730px;
  margin:0;
  color:#30332f;
  font-family:var(--assimox-font-two,"Barlow",sans-serif);
  font-size:clamp(36px,3.55vw,49px);
  font-weight:800;
  letter-spacing:-.043em;
  line-height:1.02;
}

.work-library__heading>p{
  max-width:485px;
  margin:0 0 2px;
  color:#70756f;
  font-size:13px;
  line-height:1.67;
}

.work-library__signals{
  display:grid;
  overflow:hidden;
  margin-bottom:20px;
  border:1px solid rgba(117,108,92,.14);
  border-radius:17px;
  background:rgba(255,255,255,.84);
  box-shadow:0 12px 32px rgba(61,55,46,.045);
  grid-template-columns:repeat(3,1fr);
}

.work-library__signals>div{
  display:flex;
  min-height:70px;
  align-items:center;
  justify-content:center;
  gap:11px;
  padding:13px 19px;
}

.work-library__signals>div+div{
  border-left:1px solid rgba(117,108,92,.12);
}

.work-library__signals i{
  display:grid;
  width:35px;
  height:35px;
  flex:0 0 35px;
  place-items:center;
  border:1px solid rgba(210,138,13,.16);
  border-radius:10px;
  color:#b87200;
  background:#fff2d1;
  font-size:11px;
}

.work-library__signals span{
  display:flex;
  min-width:0;
  flex-direction:column;
}

.work-library__signals strong{
  color:#3e433e;
  font-family:var(--assimox-font-two,"Barlow",sans-serif);
  font-size:12px;
  font-weight:800;
  line-height:1.25;
}

.work-library__signals small{
  margin-top:2px;
  color:#858983;
  font-size:9px;
  line-height:1.35;
}

.work-library__toolbar{
  display:grid;
  align-items:center;
  margin-bottom:18px;
  padding:11px;
  border:1px solid rgba(112,104,90,.14);
  border-radius:18px;
  background:rgba(255,255,255,.91);
  box-shadow:0 13px 34px rgba(62,56,47,.055);
  grid-template-columns:minmax(0,1fr) minmax(250px,330px);
  gap:12px;
}

.work-library__filters{
  display:flex;
  min-width:0;
  flex-wrap:wrap;
  gap:7px;
}

.work-library__filter{
  display:inline-flex;
  min-height:43px;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:8px 12px;
  border:1px solid transparent;
  border-radius:12px;
  color:#686d67;
  background:#f6f5f1;
  font-family:var(--assimox-font-two,"Barlow",sans-serif);
  font-size:10px;
  font-weight:800;
  letter-spacing:.035em;
  line-height:1;
  transition:border-color .2s ease,color .2s ease,background-color .2s ease,box-shadow .2s ease;
}

.work-library__filter i{
  color:#b57405;
  font-size:10px;
}

.work-library__filter small{
  display:grid;
  min-width:21px;
  height:21px;
  place-items:center;
  padding:0 5px;
  border-radius:7px;
  color:#7b7f79;
  background:#fff;
  font-size:8px;
}

.work-library__filter:hover,
.work-library__filter:focus-visible{
  border-color:rgba(196,127,8,.21);
  color:#8f5c00;
  background:#fffaf0;
}

.work-library__filter.is-active{
  border-color:#eca31b;
  color:#382d1b;
  background:linear-gradient(145deg,#ffbf42,#f5a812);
  box-shadow:0 8px 20px rgba(232,153,10,.2);
}

.work-library__filter.is-active i{
  color:#362b19;
}

.work-library__filter.is-active small{
  color:#6a4400;
  background:rgba(255,255,255,.72);
}

.work-library__filter:focus-visible,
.work-library__search input:focus-visible,
.work-library__page:focus-visible,
.work-project-card__open:focus-visible,
.work-project-card__media-hit:focus-visible,
.work-detail button:focus-visible,
.work-detail a:focus-visible{
  outline:3px solid rgba(253,174,2,.28);
  outline-offset:2px;
}

.work-library__search{
  position:relative;
  display:block;
  min-width:0;
}

.work-library__search i{
  position:absolute;
  z-index:1;
  top:50%;
  left:15px;
  color:#ab7413;
  font-size:11px;
  transform:translateY(-50%);
  pointer-events:none;
}

.work-library__search input{
  width:100%;
  min-height:43px;
  padding:10px 40px 10px 38px;
  border:1px solid rgba(117,108,92,.14);
  border-radius:12px;
  color:#3f443f;
  background:#fbfaf7;
  box-shadow:inset 0 1px 0 #fff;
  font-family:var(--assimox-font-two,"Barlow",sans-serif);
  font-size:11px;
  font-weight:600;
}

.work-library__search input::placeholder{
  color:#979b95;
  opacity:1;
}

.work-library__result-line{
  display:flex;
  min-height:28px;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin:0 2px 12px;
  color:#7d817c;
  font-size:9px;
  font-weight:700;
  letter-spacing:.045em;
  text-transform:uppercase;
}

.work-library__result-line span:first-child{
  display:inline-flex;
  align-items:center;
  gap:7px;
}

.work-library__result-line span:first-child:before{
  width:7px;
  height:7px;
  border-radius:50%;
  background:#e79a0c;
  box-shadow:0 0 0 4px rgba(231,154,12,.11);
  content:"";
}

.work-library__privacy{
  display:inline-flex;
  align-items:center;
  gap:6px;
  color:#989b97;
}

.work-library__privacy i{
  color:#b67a10;
  font-size:8px;
}

.work-library__grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}

.work-project-card{
  display:flex;
  min-width:0;
  overflow:hidden;
  flex-direction:column;
  border:1px solid rgba(113,105,91,.15);
  border-radius:18px;
  background:#fff;
  box-shadow:0 14px 34px rgba(64,58,48,.065);
  transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;
}

.work-project-card:hover{
  border-color:rgba(190,126,15,.25);
  box-shadow:0 24px 52px rgba(64,58,48,.115);
  transform:translateY(-4px);
}

.work-project-card__preview{
  position:relative;
  isolation:isolate;
  min-height:0;
  overflow:hidden;
  aspect-ratio:4/3;
  background:#e7e4dd;
}

.work-project-card__preview:after{
  position:absolute;
  z-index:2;
  inset:0;
  background:linear-gradient(180deg,rgba(28,26,22,.01) 44%,rgba(28,26,22,.29) 100%);
  content:"";
  pointer-events:none;
}

.work-project-card__main-photo{
  width:100%;
  height:100%;
  overflow:hidden;
}

.work-project-card__main-photo img,
.work-project-card__mini img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .42s ease;
}

.work-project-card:hover .work-project-card__main-photo img{
  transform:scale(1.035);
}

.work-project-card__photo-stack{
  display:none;
}

.work-project-card__single-backdrop{
  position:absolute;
  z-index:0;
  inset:-24px;
  overflow:hidden;
  background:#d8d4ca;
}

.work-project-card__single-backdrop:after{
  position:absolute;
  inset:0;
  background:linear-gradient(135deg,rgba(247,244,236,.46),rgba(52,49,43,.16));
  content:"";
}

.work-project-card__single-backdrop img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  filter:blur(24px) saturate(.72);
  opacity:.48;
  transform:scale(1.13);
}

.work-project-card__preview.is-single-photo{
  display:block;
  padding:10px;
  background:#ddd8cd;
}

.work-project-card__preview.is-single-photo .work-project-card__main-photo{
  position:absolute;
  z-index:1;
  top:50%;
  bottom:auto;
  left:50%;
  width:auto;
  height:calc(100% - 20px);
  overflow:hidden;
  border:1px solid rgba(255,255,255,.58);
  border-radius:14px;
  aspect-ratio:3/4;
  box-shadow:0 18px 45px rgba(40,37,31,.22);
  transform:translate(-50%,-50%);
}

.work-project-card__preview.is-single-photo .work-project-card__main-photo img{
  object-fit:cover;
}

.work-project-card__media-hit{
  position:absolute;
  z-index:3;
  inset:0;
  width:100%;
  height:100%;
  padding:0;
  border:0;
  background:transparent;
  cursor:pointer;
}

.work-project-card__count,
.work-project-card__case{
  position:absolute;
  z-index:4;
  top:13px;
  display:inline-flex;
  min-height:29px;
  align-items:center;
  gap:6px;
  padding:7px 10px;
  border:1px solid rgba(255,255,255,.54);
  border-radius:999px;
  font-family:var(--assimox-font-two,"Barlow",sans-serif);
  font-size:8px;
  font-weight:800;
  letter-spacing:.05em;
  line-height:1;
  text-transform:uppercase;
  -webkit-backdrop-filter:blur(11px);
  backdrop-filter:blur(11px);
}

.work-project-card__case{
  left:13px;
  color:#403a31;
  background:rgba(255,255,255,.88);
  box-shadow:0 8px 22px rgba(39,35,29,.1);
}

.work-project-card__count{
  right:13px;
  color:#fff;
  background:rgba(42,38,32,.51);
  box-shadow:0 8px 22px rgba(31,28,24,.1);
}

.work-project-card__body{
  display:flex;
  min-height:272px;
  flex:1;
  flex-direction:column;
  padding:17px 16px 15px;
}

.work-project-card__categories{
  display:flex;
  flex-wrap:wrap;
  gap:5px;
  margin-bottom:10px;
}

.work-project-card__categories span{
  display:inline-flex;
  min-height:22px;
  align-items:center;
  padding:4px 7px;
  border:1px solid rgba(195,128,13,.14);
  border-radius:999px;
  color:#8c5d08;
  background:#fff8e7;
  font-size:7px;
  font-weight:800;
  letter-spacing:.065em;
  line-height:1;
  text-transform:uppercase;
}

.work-project-card__date{
  display:inline-flex;
  min-height:22px;
  align-items:center;
  gap:6px;
  padding:4px 7px;
  border:1px solid rgba(187,119,4,.18);
  border-radius:999px;
  color:#76500a;
  background:linear-gradient(145deg,#fff1c9,#fff9eb);
  box-shadow:0 5px 13px rgba(126,83,9,.07);
  font-size:7px;
  font-weight:800;
  letter-spacing:.055em;
  line-height:1;
  white-space:nowrap;
  text-transform:uppercase;
}

.work-project-card__date i{
  color:#b87505;
  font-size:8px;
}

.work-project-card__eyebrow{
  overflow:hidden;
  margin:0 0 6px;
  color:#979a95;
  font-size:7.4px;
  font-weight:800;
  letter-spacing:.09em;
  line-height:1.2;
  text-transform:uppercase;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.work-project-card__body h3{
  display:-webkit-box;
  overflow:hidden;
  min-height:39px;
  margin:0;
  color:#343834;
  font-family:var(--assimox-font-two,"Barlow",sans-serif);
  font-size:18px;
  font-weight:800;
  letter-spacing:-.032em;
  line-height:1.08;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}

.work-project-card__summary{
  display:-webkit-box;
  overflow:hidden;
  margin:8px 0 0;
  color:#737872;
  font-size:9.5px;
  line-height:1.5;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}

.work-project-card__meta{
  display:grid;
  gap:6px;
  margin-top:10px;
  padding-top:10px;
  border-top:1px solid rgba(115,108,95,.11);
  color:#7f837d;
  font-size:7.8px;
  font-weight:700;
}

.work-project-card__meta span{
  display:inline-flex;
  min-width:0;
  align-items:center;
  gap:5px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.work-project-card__meta i{
  color:#ba7604;
  font-size:8px;
}

.work-project-card__review{
  margin-top:14px;
  padding:13px;
  border:1px solid rgba(199,134,22,.14);
  border-radius:13px;
  background:linear-gradient(145deg,#fffaf0,#fff);
}

.work-project-card__stars{
  display:block;
  color:#eea51b;
  font-size:9px;
  letter-spacing:.08em;
}

.work-project-card__review p{
  display:-webkit-box;
  overflow:hidden;
  margin:6px 0 0;
  color:#5f645f;
  font-size:9.5px;
  font-style:italic;
  line-height:1.45;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}

.work-project-card__review small{
  display:block;
  margin-top:6px;
  color:#91948f;
  font-size:7.5px;
  font-weight:800;
  letter-spacing:.05em;
  text-transform:uppercase;
}

.work-project-card__open{
  display:flex;
  width:100%;
  min-height:39px;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-top:auto;
  padding:10px 12px;
  border:1px solid rgba(184,117,7,.15);
  border-radius:12px;
  color:#805200;
  background:#fff8e8;
  font-family:var(--assimox-font-two,"Barlow",sans-serif);
  font-size:8px;
  font-weight:800;
  letter-spacing:.065em;
  line-height:1;
  text-transform:uppercase;
  transition:border-color .2s ease,color .2s ease,background-color .2s ease;
}

.work-project-card__open:hover{
  border-color:#eca31b;
  color:#4e360d;
  background:#ffedbd;
}

.work-project-card__open i{
  font-size:8px;
}

.work-library__empty{
  display:grid;
  min-height:250px;
  place-items:center;
  margin-top:2px;
  padding:38px;
  border:1px dashed rgba(146,132,108,.24);
  border-radius:21px;
  color:#747974;
  background:rgba(255,255,255,.68);
  text-align:center;
}

.work-library__empty[hidden]{
  display:none;
}

.work-library__empty-inner{
  display:flex;
  max-width:420px;
  align-items:center;
  flex-direction:column;
}

.work-library__empty i{
  display:grid;
  width:48px;
  height:48px;
  place-items:center;
  margin-bottom:14px;
  border-radius:15px;
  color:#b87304;
  background:#fff0c8;
}

.work-library__empty strong{
  color:#3f443f;
  font-family:var(--assimox-font-two,"Barlow",sans-serif);
  font-size:18px;
  line-height:1.2;
}

.work-library__empty span{
  margin-top:7px;
  font-size:11px;
  line-height:1.55;
}

.work-library__pagination[hidden]{
  display:none;
}

.work-library__pagination{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:7px;
  margin-top:24px;
}

.work-library__page{
  display:inline-flex;
  width:39px;
  height:39px;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:0;
  border:1px solid rgba(115,107,93,.14);
  border-radius:11px;
  color:#6f746e;
  background:#fff;
  box-shadow:0 7px 18px rgba(66,60,51,.045);
  font-family:var(--assimox-font-two,"Barlow",sans-serif);
  font-size:9px;
  font-weight:800;
  transition:border-color .2s ease,color .2s ease,background-color .2s ease,transform .2s ease;
}

.work-library__page:hover:not(:disabled){
  border-color:rgba(214,141,12,.42);
  color:#8a5900;
  background:#fff8e8;
  transform:translateY(-1px);
}

.work-library__page.is-active{
  border-color:#eca31b;
  color:#382d1b;
  background:linear-gradient(145deg,#ffbf42,#f5a812);
  box-shadow:0 8px 20px rgba(232,153,10,.18);
}

.work-library__page:disabled{
  cursor:not-allowed;
  opacity:.42;
}

.work-library__page--step{
  width:auto;
  min-width:98px;
  padding:0 13px;
  letter-spacing:.055em;
  text-transform:uppercase;
}

.work-library__page-ellipsis{
  display:grid;
  width:24px;
  height:39px;
  place-items:center;
  color:#9a9d98;
  font-size:13px;
}

.work-library__note{
  display:flex;
  max-width:790px;
  align-items:flex-start;
  gap:9px;
  margin:22px 0 0;
  color:#898d88;
  font-size:9.5px;
  line-height:1.55;
}

.work-library__note i{
  margin-top:2px;
  color:#b97504;
}

body.work-modal-open{
  overflow:hidden;
}

.work-detail[hidden]{
  display:none;
}

.work-detail{
  position:fixed;
  z-index:1000000;
  inset:0;
  display:grid;
  place-items:center;
  padding:22px;
}

.work-detail__backdrop{
  position:absolute;
  inset:0;
  border:0;
  background:rgba(35,32,27,.7);
  opacity:0;
  -webkit-backdrop-filter:blur(12px);
  backdrop-filter:blur(12px);
  transition:opacity .22s ease;
}

.work-detail__panel{
  position:relative;
  z-index:1;
  display:flex;
  width:min(1220px,calc(100vw - 44px));
  max-height:calc(100vh - 44px);
  overflow:hidden;
  flex-direction:column;
  border:1px solid rgba(255,255,255,.28);
  border-radius:25px;
  background:#f4f1eb;
  box-shadow:0 34px 100px rgba(20,18,15,.36);
  opacity:0;
  transform:translateY(18px) scale(.985);
  transition:opacity .22s ease,transform .22s ease;
}

.work-detail.is-open .work-detail__backdrop,
.work-detail.is-open .work-detail__panel{
  opacity:1;
}

.work-detail.is-open .work-detail__panel{
  transform:none;
}

.work-detail__topbar{
  display:flex;
  min-height:64px;
  flex:0 0 auto;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:10px 12px 10px 22px;
  border-bottom:1px solid rgba(102,95,83,.12);
  background:rgba(255,255,255,.94);
}

.work-detail__brand{
  display:flex;
  align-items:center;
  gap:11px;
}

.work-detail__brand img{
  width:128px;
  height:auto;
}

.work-detail__brand span{
  padding-left:11px;
  border-left:1px solid rgba(106,99,86,.16);
  color:#858983;
  font-size:8px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.work-detail__close{
  display:grid;
  width:41px;
  height:41px;
  flex:0 0 41px;
  place-items:center;
  border:1px solid rgba(107,99,86,.14);
  border-radius:12px;
  color:#5c615c;
  background:#f6f5f1;
  font-size:12px;
  transition:border-color .2s ease,color .2s ease,background-color .2s ease;
}

.work-detail__close:hover{
  border-color:rgba(193,126,12,.26);
  color:#825500;
  background:#fff5db;
}

.work-detail__layout{
  display:grid;
  min-height:0;
  overflow:hidden;
  flex:1;
  grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr);
}

.work-detail__gallery{
  display:flex;
  min-width:0;
  min-height:0;
  flex-direction:column;
  padding:17px;
  background:linear-gradient(145deg,#373530,#24231f);
}

.work-detail__stage{
  position:relative;
  display:flex;
  min-height:0;
  overflow:hidden;
  flex:1;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(255,255,255,.1);
  border-radius:18px;
  background:#1d1c19;
}

.work-detail__stage img{
  display:block;
  width:100%;
  height:100%;
  max-height:610px;
  object-fit:contain;
  opacity:1;
  transition:opacity .12s ease;
}

.work-detail__stage img.is-changing{
  opacity:.2;
}

.work-detail__nav{
  position:absolute;
  z-index:2;
  top:50%;
  display:grid;
  width:43px;
  height:43px;
  place-items:center;
  border:1px solid rgba(255,255,255,.22);
  border-radius:13px;
  color:#fff;
  background:rgba(24,23,20,.6);
  -webkit-backdrop-filter:blur(10px);
  backdrop-filter:blur(10px);
  font-size:11px;
  transform:translateY(-50%);
}

.work-detail__nav--previous{left:13px}
.work-detail__nav--next{right:13px}
.work-detail__nav[hidden]{display:none}

.work-detail__counter{
  position:absolute;
  z-index:2;
  top:13px;
  right:13px;
  display:inline-flex;
  min-height:29px;
  align-items:center;
  padding:7px 10px;
  border:1px solid rgba(255,255,255,.2);
  border-radius:999px;
  color:#fff;
  background:rgba(24,23,20,.55);
  -webkit-backdrop-filter:blur(9px);
  backdrop-filter:blur(9px);
  font-size:8px;
  font-weight:800;
  letter-spacing:.07em;
}

.work-detail__caption{
  position:absolute;
  z-index:2;
  right:13px;
  bottom:13px;
  left:13px;
  max-width:520px;
  margin:0 auto;
  padding:9px 12px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:11px;
  color:rgba(255,255,255,.87);
  background:rgba(24,23,20,.58);
  -webkit-backdrop-filter:blur(10px);
  backdrop-filter:blur(10px);
  font-size:8.5px;
  line-height:1.4;
  text-align:center;
}

.work-detail__thumbs{
  display:grid;
  flex:0 0 auto;
  margin-top:10px;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:7px;
}

.work-detail__thumb{
  position:relative;
  overflow:hidden;
  padding:0;
  border:2px solid transparent;
  border-radius:10px;
  background:#45423c;
  aspect-ratio:4/3;
  opacity:.63;
  transition:border-color .2s ease,opacity .2s ease,transform .2s ease;
}

.work-detail__thumb:hover,
.work-detail__thumb.is-active{
  border-color:#f2a91b;
  opacity:1;
  transform:translateY(-1px);
}

.work-detail__thumb img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}

.work-detail__content{
  min-width:0;
  min-height:0;
  overflow-y:auto;
  padding:34px 34px 31px;
  background:
    radial-gradient(circle at 100% 0,rgba(253,174,2,.08),transparent 23%),
    #fff;
  scrollbar-color:rgba(192,127,14,.35) transparent;
  scrollbar-width:thin;
}

.work-detail__eyebrow{
  margin:0 0 10px;
  color:#a56b04;
  font-size:8px;
  font-weight:800;
  letter-spacing:.095em;
  line-height:1.2;
  text-transform:uppercase;
}

.work-detail__content h2{
  margin:0;
  color:#303430;
  font-family:var(--assimox-font-two,"Barlow",sans-serif);
  font-size:clamp(32px,3.2vw,45px);
  font-weight:800;
  letter-spacing:-.043em;
  line-height:1.01;
}

.work-detail__summary{
  margin:15px 0 0;
  color:#666b66;
  font-size:12.5px;
  line-height:1.66;
}

.work-detail__facts{
  display:grid;
  overflow:hidden;
  margin-top:21px;
  border:1px solid rgba(113,105,91,.13);
  border-radius:14px;
  background:#faf9f5;
  grid-template-columns:repeat(3,minmax(0,1fr));
}

.work-detail__fact{
  min-width:0;
  padding:12px;
}

.work-detail__fact+.work-detail__fact{
  border-left:1px solid rgba(113,105,91,.11);
}

.work-detail__fact small{
  display:block;
  margin-bottom:4px;
  color:#989b96;
  font-size:6.8px;
  font-weight:800;
  letter-spacing:.08em;
  line-height:1.2;
  text-transform:uppercase;
}

.work-detail__fact strong{
  display:block;
  overflow:hidden;
  color:#464b46;
  font-family:var(--assimox-font-two,"Barlow",sans-serif);
  font-size:10px;
  font-weight:800;
  line-height:1.3;
  text-overflow:ellipsis;
}

.work-detail__section{
  margin-top:23px;
}

.work-detail__section h3{
  margin:0 0 9px;
  color:#3d423d;
  font-family:var(--assimox-font-two,"Barlow",sans-serif);
  font-size:17px;
  font-weight:800;
  letter-spacing:-.025em;
  line-height:1.2;
}

.work-detail__section>p{
  margin:0;
  color:#717671;
  font-size:11px;
  line-height:1.62;
}

.work-detail__checklist{
  display:grid;
  margin:0;
  padding:0;
  list-style:none;
  gap:7px;
}

.work-detail__checklist li{
  display:grid;
  align-items:start;
  gap:9px;
  padding:9px 10px;
  border:1px solid rgba(115,107,93,.11);
  border-radius:10px;
  color:#656a65;
  background:#fbfaf7;
  font-size:9.5px;
  line-height:1.42;
  grid-template-columns:24px minmax(0,1fr);
}

.work-detail__checklist i{
  display:grid;
  width:24px;
  height:24px;
  place-items:center;
  border-radius:7px;
  color:#a66a00;
  background:#ffedc1;
  font-size:7px;
}

.work-detail__completion{
  overflow:hidden;
  margin-top:18px;
  border:1px solid rgba(153,112,43,.16);
  border-radius:15px;
  background:linear-gradient(145deg,#fffaf0,#faf8f3);
  box-shadow:0 10px 26px rgba(86,68,38,.055);
}

.work-detail__outcome{
  display:grid;
  align-items:center;
  gap:11px;
  margin:0;
  padding:13px 14px;
  border:0;
  border-radius:0;
  background:transparent;
  grid-template-columns:34px minmax(0,1fr);
}

.work-detail__outcome>i{
  display:grid;
  width:34px;
  height:34px;
  place-items:center;
  border-radius:9px;
  color:#3d2d10;
  background:#f6ad22;
  font-size:10px;
}

.work-detail__outcome strong{
  display:block;
  margin-bottom:2px;
  color:#443b2d;
  font-family:var(--assimox-font-two,"Barlow",sans-serif);
  font-size:10.5px;
  font-weight:800;
}

.work-detail__outcome p{
  margin:0;
  color:#736957;
  font-size:8.8px;
  line-height:1.42;
}

.work-detail__review{
  position:relative;
  margin-top:21px;
  overflow:hidden;
  padding:18px 18px 17px;
  border:1px solid rgba(199,133,18,.16);
  border-radius:16px;
  background:linear-gradient(145deg,#fffaf0,#fff);
}

.work-detail__review[hidden],
.work-detail__company-note[hidden]{
  display:none;
}

.work-detail__review:after{
  position:absolute;
  top:-13px;
  right:12px;
  color:rgba(230,153,15,.1);
  font-family:Georgia,serif;
  font-size:78px;
  line-height:1;
  content:"“";
  pointer-events:none;
}

.work-detail__review-head{
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}

.work-detail__review-head span:first-child{
  color:#efa61b;
  font-size:10px;
  letter-spacing:.08em;
}

.work-detail__review-head small{
  color:#979a95;
  font-size:7px;
  font-weight:800;
  letter-spacing:.07em;
  text-transform:uppercase;
}

.work-detail__review blockquote{
  position:relative;
  z-index:1;
  margin:11px 0 0;
  color:#555b55;
  font-size:10.5px;
  font-style:italic;
  line-height:1.58;
}

.work-detail__review footer{
  position:relative;
  z-index:1;
  margin-top:10px;
  color:#777c76;
  font-size:8px;
  font-weight:800;
  letter-spacing:.055em;
  text-transform:uppercase;
}

.work-detail__company-note{
  display:grid;
  align-items:start;
  gap:10px;
  margin-top:9px;
  padding:12px 14px;
  border:1px solid rgba(112,105,91,.11);
  border-radius:12px;
  color:#777c77;
  background:#f7f6f2;
  font-size:9px;
  line-height:1.5;
  grid-template-columns:28px minmax(0,1fr);
}

.work-detail__company-note i{
  display:grid;
  width:28px;
  height:28px;
  place-items:center;
  border-radius:8px;
  color:#a96c00;
  background:#ffedc3;
  font-size:8px;
}

.work-detail__counter[hidden],
.work-detail__thumbs[hidden]{
  display:none;
}

.work-detail__actions{
  display:grid;
  margin:0 13px 13px;
  padding-top:12px;
  border-top:1px solid rgba(122,105,76,.12);
  grid-template-columns:minmax(158px,.78fr) minmax(0,1.22fr);
  gap:8px;
}

.work-detail__book{
  display:grid;
  min-width:0;
  min-height:52px;
  align-items:center;
  gap:9px;
  padding:7px 10px 7px 8px;
  border:1px solid #eca31b;
  border-radius:12px;
  color:#382a11;
  background:linear-gradient(145deg,#ffbd3d,#f4a40e);
  box-shadow:0 10px 24px rgba(231,151,8,.18);
  text-align:left;
  grid-template-columns:32px minmax(0,1fr) 8px;
}

.work-detail__book>span:not(.work-detail__book-icon){
  display:flex;
  min-width:0;
  flex-direction:column;
  gap:2px;
}

.work-detail__book small{
  overflow:hidden;
  color:rgba(56,42,17,.7);
  font-size:6.4px;
  font-weight:800;
  letter-spacing:.055em;
  line-height:1.1;
  text-overflow:ellipsis;
  text-transform:uppercase;
  white-space:nowrap;
}

.work-detail__book strong{
  color:#382a11;
  font-family:var(--assimox-font-two,"Barlow",sans-serif);
  font-size:9.5px;
  font-weight:800;
  letter-spacing:.035em;
  line-height:1.1;
  text-transform:uppercase;
}

.work-detail__book-icon{
  display:grid;
  width:32px;
  height:32px;
  place-items:center;
  border:1px solid rgba(74,53,18,.12);
  border-radius:9px;
  background:rgba(255,255,255,.4);
  font-size:9px;
}

.work-detail__book>i:last-child{
  font-size:7px;
}

.work-detail__book:hover{
  color:#382a11;
  background:linear-gradient(145deg,#ffc85b,#f5ab18);
  text-decoration:none;
}

.work-detail__links{
  display:grid;
  min-width:0;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:7px;
}

.work-detail__links a{
  display:grid;
  min-width:0;
  min-height:52px;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  padding:8px 10px;
  border:1px solid rgba(115,107,93,.14);
  border-radius:12px;
  color:#666b66;
  background:#f7f6f2;
  grid-template-columns:minmax(0,1fr) 8px;
}

.work-detail__links a:only-child{
  grid-column:1/-1;
}

.work-detail__links a>span{
  display:flex;
  min-width:0;
  flex-direction:column;
  gap:3px;
}

.work-detail__links small{
  color:#a0a39e;
  font-size:6.2px;
  font-weight:800;
  letter-spacing:.065em;
  line-height:1;
  text-transform:uppercase;
}

.work-detail__links strong{
  overflow:hidden;
  color:#5d625d;
  font-family:var(--assimox-font-two,"Barlow",sans-serif);
  font-size:8px;
  font-weight:800;
  letter-spacing:.035em;
  line-height:1.15;
  text-overflow:ellipsis;
  text-transform:uppercase;
  white-space:nowrap;
}

.work-detail__links a>i{
  color:#858a84;
  font-size:7px;
}

.work-detail__links a:hover{
  color:#895900;
  background:#fff7e3;
  text-decoration:none;
}

@media(max-width:1199px){
  .work-library__heading{gap:34px}
  .work-library__grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .work-detail__layout{grid-template-columns:minmax(0,1fr) minmax(390px,.92fr)}
  .work-detail__content{padding-right:27px;padding-left:27px}
}

@media(max-width:991px){
  .work-library__heading{align-items:start;grid-template-columns:1fr;gap:11px}
  .work-library__heading>p{max-width:660px}
  .work-library__toolbar{grid-template-columns:1fr}
  .work-library__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .work-detail{padding:13px}
  .work-detail__panel{width:calc(100vw - 26px);max-height:calc(100vh - 26px)}
  .work-detail__layout{grid-template-columns:1fr}
  .work-detail__gallery{min-height:390px}
  .work-detail__content{overflow:visible}
  .work-detail__panel{overflow-y:auto}
  .work-detail__stage{min-height:320px}
  .work-detail__stage img{max-height:500px}
}

@media(max-width:767px){
  .work-library{padding:48px 0 54px}
  .work-library>.container{padding-right:14px;padding-left:14px}
  .work-library__heading{margin-bottom:19px;gap:9px}
  .work-library__heading h2{font-size:clamp(30px,8.4vw,35px)}
  .work-library__heading>p{font-size:12px;line-height:1.59}
  .work-library__signals{margin-bottom:14px;border-radius:15px;grid-template-columns:repeat(3,minmax(0,1fr))}
  .work-library__signals>div{min-height:85px;align-items:flex-start;justify-content:flex-start;flex-direction:column;gap:7px;padding:11px 9px}
  .work-library__signals i{width:31px;height:31px;flex-basis:31px;border-radius:9px;font-size:10px}
  .work-library__signals strong{font-size:9.5px}
  .work-library__signals small{font-size:7.3px;line-height:1.28}
  .work-library__toolbar{margin-bottom:13px;padding:8px;border-radius:15px;gap:8px}
  .work-library__filters{overflow-x:auto;flex-wrap:nowrap;padding-bottom:2px;scrollbar-width:none}
  .work-library__filters::-webkit-scrollbar{display:none}
  .work-library__filter{min-height:40px;flex:0 0 auto;padding:7px 10px;font-size:9px}
  .work-library__search input{min-height:42px}
  .work-library__result-line{align-items:flex-start;flex-direction:column;gap:5px;margin-bottom:10px;font-size:7.7px}
  .work-library__privacy{font-size:7px}
  .work-library__grid{grid-template-columns:1fr;gap:10px}
  .work-project-card{display:grid;min-height:230px;border-radius:17px;box-shadow:0 12px 29px rgba(64,58,48,.07);grid-template-columns:minmax(118px,36%) minmax(0,1fr)}
  .work-project-card:hover{transform:none}
  .work-project-card__preview{height:100%;min-height:230px;border-right:1px solid rgba(113,105,91,.12);aspect-ratio:auto}
  .work-project-card__preview.is-single-photo{padding:7px}
  .work-project-card__preview.is-single-photo .work-project-card__main-photo{height:calc(100% - 14px);border-radius:11px}
  .work-project-card__case{top:8px;left:8px;min-height:24px;padding:5px 7px;font-size:6.5px}
  .work-project-card__count{display:none}
  .work-project-card__body{min-height:230px;padding:14px 13px 12px}
  .work-project-card__categories{margin-bottom:8px}
  .work-project-card__categories span,.work-project-card__date{min-height:20px;padding:4px 6px;font-size:6.4px}
  .work-project-card__body h3{min-height:35px;font-size:16px;line-height:1.08}
  .work-project-card__summary{margin-top:6px;font-size:8.7px;line-height:1.46}
  .work-project-card__meta{margin-top:8px;padding-top:8px;font-size:7px}
  .work-project-card__open{min-height:36px;margin-top:auto;padding:9px 10px;font-size:7.2px}
  .work-library__pagination{gap:5px;margin-top:18px}
  .work-library__page{width:37px;height:37px;border-radius:10px}
  .work-library__page--step{min-width:37px;padding:0 10px}
  .work-library__page--step span{display:none}
  .work-library__page-ellipsis{width:16px;height:37px}
  .work-library__note{margin-top:17px;font-size:8.5px}
  .work-detail{display:block;padding:0}
  .work-detail__panel{width:100%;height:100%;max-height:none;border:0;border-radius:0}
  .work-detail__topbar{position:sticky;z-index:7;top:0;min-height:59px;padding:8px 10px 8px 14px}
  .work-detail__brand img{width:111px}
  .work-detail__brand span{font-size:6.5px}
  .work-detail__close{width:39px;height:39px;flex-basis:39px}
  .work-detail__layout{display:block;overflow:visible}
  .work-detail__gallery{min-height:0;padding:9px 9px 10px}
  .work-detail__stage{min-height:0;border-radius:14px;aspect-ratio:4/3}
  .work-detail__stage img{max-height:none}
  .work-detail__nav{width:38px;height:38px;border-radius:11px}
  .work-detail__nav--previous{left:9px}.work-detail__nav--next{right:9px}
  .work-detail__counter{top:9px;right:9px}
  .work-detail__caption{right:9px;bottom:9px;left:9px;padding:7px 9px;font-size:7.5px}
  .work-detail__thumbs{margin-top:7px;gap:5px}
  .work-detail__thumb{border-radius:8px}
  .work-detail__content{padding:25px 18px 105px}
  .work-detail__content h2{font-size:clamp(30px,9vw,37px)}
  .work-detail__summary{font-size:11.5px;line-height:1.6}
  .work-detail__facts{grid-template-columns:1fr}
  .work-detail__fact{display:grid;align-items:center;padding:10px 12px;grid-template-columns:86px minmax(0,1fr);gap:8px}
  .work-detail__fact+.work-detail__fact{border-top:1px solid rgba(113,105,91,.11);border-left:0}
  .work-detail__fact small{margin:0;font-size:6.5px}
  .work-detail__fact strong{font-size:9.5px}
  .work-detail__section{margin-top:20px}
  .work-detail__review{padding:16px}
  .work-detail__review blockquote{font-size:10px}
  .work-detail__completion{margin-top:17px}
  .work-detail__actions{grid-template-columns:1fr}
}

@media(max-width:390px){
  .work-library__signals>div{padding-right:7px;padding-left:7px}
  .work-library__signals strong{font-size:9px}
  .work-library__signals small{font-size:7px}
  .work-project-card{grid-template-columns:minmax(108px,34%) minmax(0,1fr)}
  .work-project-card__body{padding-right:11px;padding-left:11px}
  .work-detail__brand span{display:none}
  .work-detail__content{padding-right:16px;padding-left:16px}
  .work-detail__company-note{font-size:8.5px}
}

@media(prefers-reduced-motion:reduce){
  .work-project-card,.work-project-card img,.work-library__filter,.work-detail__panel,.work-detail__backdrop,.work-detail__stage img,.work-detail__thumb{transition:none}
}