/* Home portfolio: two staggered columns of large cases (adict.ru style), in the iteraciya_v1 palette. */
.works-adict{background:var(--ink);color:var(--paper);padding:max(100px,5.2083vw) 4% max(110px,5.7291vw)}
.works-adict .section-top .eyebrow{color:#c9cec4}
.works-adict .text-link{color:var(--paper)}
.works-adict-heading{display:grid;grid-template-columns:2fr 1fr;align-items:end;gap:max(48px,2.5vw);margin:max(40px,2.0833vw) 0 max(80px,4.1666vw)}
.works-adict-heading h2{margin:0;font-size:clamp(max(50px,2.6041vw),6.5vw,max(104px,5.4166vw));line-height:1.04;letter-spacing:-.01em}
.works-adict-heading h2 em{color:#8b9188}
.works-adict-heading>p{font-size:max(16px,0.8333vw);line-height:1.65;margin:0 0 max(9px,0.4687vw);justify-self:end;color:#b4bab0}
.works-adict-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(max(24px,1.25vw),4.2vw,max(80px,4.1666vw));row-gap:clamp(max(40px,2.0833vw),5vw,max(96px,5vw));padding-bottom:calc((92vw - clamp(max(24px,1.25vw),4.2vw,max(80px,4.1666vw)))/2*.34)}
.adict-case{min-width:0}
.adict-case:nth-child(even){transform:translateY(34%)}
.adict-case-link{position:relative;display:block;aspect-ratio:1/1;overflow:hidden;background:#2b2e2a;color:#fff;isolation:isolate}
.adict-case-media,.adict-case-media img{position:absolute;inset:0;width:100%;height:100%}
.adict-case-media img{object-fit:cover;transform:scale(1.001);transition:transform 1.4s cubic-bezier(.2,.7,.2,1)}
.adict-case-link:after{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(10,12,10,.18) 0%,transparent 22%,transparent 58%,rgba(10,12,10,.72) 100%);pointer-events:none}
.adict-case-kv .adict-case-link:after{background:linear-gradient(180deg,transparent 0%,transparent 66%,rgba(10,12,10,.45) 100%)}
.adict-case-tags{position:absolute;z-index:2;top:max(22px,1.1458vw);left:max(22px,1.1458vw);right:max(22px,1.1458vw);display:flex;flex-wrap:wrap;gap:max(6px,0.3125vw)}
.adict-case-tags span{font-size:max(13px,0.677vw);line-height:1;padding:max(6px,0.3125vw) max(9px,0.4687vw);background:var(--paper);color:var(--ink);font-weight:600}
.adict-case-result{position:absolute;z-index:2;top:max(22px,1.1458vw);right:max(22px,1.1458vw);max-width:max(190px,9.8958vw);font-size:max(13px,0.677vw);line-height:1.35;text-align:right}
.adict-case-result b{display:block;font-size:max(46px,2.3958vw);line-height:1;font-weight:500;margin-bottom:max(6px,0.3125vw)}
.adict-case-caption{position:absolute;z-index:2;left:max(24px,1.25vw);right:max(24px,1.25vw);bottom:max(22px,1.1458vw);display:grid;gap:max(8px,0.4166vw)}
.adict-case-caption h3{margin:0;font-size:clamp(max(24px,1.25vw),2.3vw,max(40px,2.0833vw));line-height:1.1;font-weight:500;letter-spacing:-.01em}
.adict-case-caption>span{font-size:max(15px,0.7812vw);line-height:1.45;color:rgba(255,255,255,.86);max-width:max(460px,23.9583vw)}
.adict-case-link:focus-visible{outline:max(3px,0.1562vw) solid var(--green);outline-offset:max(6px,0.3125vw)}
@media(hover:hover) and (pointer:fine){
 .adict-case-link:hover .adict-case-media img{transform:scale(1.06)}
 .adict-case-link:hover .adict-case-caption h3:after{content:' ↗';color:var(--green)}
}
.works-adict-all{display:flex;justify-content:space-between;align-items:center;margin-top:clamp(max(40px,2.0833vw),5vw,max(90px,4.6875vw));padding:max(30px,1.5625vw) 0;border-top:1px solid #4d524a;border-bottom:1px solid #4d524a;font-size:clamp(max(28px,1.4583vw),3vw,max(46px,2.3958vw));letter-spacing:-.01em;color:var(--paper)}
.works-adict-all-arrow{display:grid;place-items:center;width:max(72px,3.75vw);height:max(72px,3.75vw);border-radius:50%;background:var(--green);color:var(--ink);font-size:max(36px,1.875vw);transition:transform .3s}
.works-adict-all:hover .works-adict-all-arrow{transform:rotate(45deg)}
@media(max-width:900px){
 .works-adict{padding:max(70px,3.6458vw) 4% max(80px,4.1666vw)}
 .works-adict-heading{gap:max(30px,1.5625vw);margin:max(32px,1.6666vw) 0 max(56px,2.9166vw)}
 .works-adict-heading>p{font-size:max(14px,0.7291vw)}
 .adict-case-tags{top:max(16px,0.8333vw);left:max(16px,0.8333vw);right:max(16px,0.8333vw)}
 .adict-case-result{top:max(16px,0.8333vw);right:max(16px,0.8333vw)}
 .adict-case-result b{font-size:max(34px,1.7708vw)}
 .adict-case-caption{left:max(18px,0.9375vw);right:max(18px,0.9375vw);bottom:max(16px,0.8333vw)}
 .adict-case-caption>span{font-size:max(13px,0.677vw)}
}
@media(max-width:600px){
 .works-adict{padding:max(56px,2.9166vw) 6% max(64px,3.3333vw)}
 .works-adict-heading{grid-template-columns:1fr;gap:max(20px,1.0416vw);margin:max(28px,1.4583vw) 0 max(36px,1.875vw)}
 .works-adict-heading h2{font-size:clamp(max(36px,1.875vw),9.7vw,max(62px,3.2291vw))}
 .works-adict-heading>p{justify-self:start;margin:0}
 .works-adict-grid{grid-template-columns:1fr;row-gap:max(20px,1.0416vw);padding-bottom:0}
 .adict-case:nth-child(even){transform:none}
 .adict-case-link{aspect-ratio:4/5}
 .adict-case-tags span{font-size:max(12px,0.625vw);padding:max(5px,0.2604vw) max(8px,0.4166vw)}
 .adict-case-result{max-width:max(140px,7.2916vw);font-size:max(12px,0.625vw)}
 .adict-case-result b{font-size:max(30px,1.5625vw)}
 .adict-case-caption h3{font-size:max(26px,1.3541vw)}
 .works-adict-all{font-size:max(26px,1.3541vw);padding:max(22px,1.1458vw) 0}
 .works-adict-all-arrow{width:max(52px,2.7083vw);height:max(52px,2.7083vw);font-size:max(26px,1.3541vw)}
}
@media(prefers-reduced-motion:reduce){.adict-case-media img,.works-adict-all-arrow{transition:none}}
/* Result badge stays readable over light key visuals. */
.adict-case-result{padding:max(12px,0.625vw) max(14px,0.7291vw);background:rgba(18,20,18,.62);-webkit-backdrop-filter:blur(max(8px,0.4166vw));backdrop-filter:blur(max(8px,0.4166vw))}
