/* DUO / selected work. Ordinary document flow; photography is always visible. */
#projekti.projects--editorial {
  --portfolio-ink:#f3f6f5;
  --portfolio-muted:#96acb8;
  --portfolio-line:#afcbd12b;
  position:relative;
  padding:64px 0 0;
  background:#071d2b;
  color:var(--portfolio-ink);
  overflow:clip;
}
#projekti .portfolio-editorial-inner {max-width:1600px;}
#projekti .portfolio-section-marker {display:flex;align-items:center;gap:26px;font-size:10px;font-weight:650;letter-spacing:.13em;line-height:1.5;}
#projekti .portfolio-marker-rule {flex:1;height:1px;background:var(--portfolio-line);}
#projekti .portfolio-marker-location {color:var(--portfolio-muted);font-size:9px;font-weight:450;letter-spacing:.12em;}
#projekti .portfolio-editorial-intro {margin:28px 0 40px;}
#projekti .portfolio-editorial-intro h2 {margin:0;font-size:clamp(38px,2.8vw,42px);font-weight:800;line-height:1.12;letter-spacing:-.045em;}
#projekti .portfolio-project {position:relative;min-width:0;}
#projekti .portfolio-project-link {display:block;color:inherit;text-decoration:none;outline-offset:10px;}
#projekti .portfolio-project-link:focus-visible {outline:2px solid #4ac8ef;}
#projekti .portfolio-project-heading {padding-top:18px;border-top:1px solid var(--portfolio-line);margin-bottom:24px;}
#projekti .portfolio-project-meta {display:flex;align-items:center;gap:30px;color:#9ebac9;font-size:9px;line-height:1.5;font-weight:550;text-transform:uppercase;letter-spacing:.11em;}
#projekti .portfolio-project-meta>span:first-child {color:#d9e6ec;white-space:nowrap;font-variant-numeric:tabular-nums;}
#projekti .portfolio-project-heading h3 {margin:16px 0 0;font-size:clamp(36px,2.6vw,40px);line-height:1.12;font-weight:700;letter-spacing:-.045em;text-wrap:balance;max-width:760px;transition:color .3s;}
#projekti .portfolio-project-media {position:relative;margin:0;overflow:hidden;isolation:isolate;background:#153141;aspect-ratio:2.05/1;}
#projekti .portfolio-project-media::after {content:'';position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 0 1px #ffffff15;}
#projekti .portfolio-project-media img {display:block;width:100%;height:100%;object-fit:cover;object-position:50% 57%;filter:none;transform:scale(1.025);transition:transform 1.2s cubic-bezier(.2,.65,.3,1);}
#projekti .portfolio-project.is-in-view .portfolio-project-media img {transform:scale(1);}
#projekti .portfolio-image-action {position:absolute;right:22px;bottom:22px;display:inline-flex;align-items:stretch;max-width:calc(100% - 44px);height:56px;background:#071d2bf2;border:1px solid #c3e3eb60;backdrop-filter:blur(12px);transition:background .3s,color .3s,border-color .3s;}
#projekti .portfolio-image-arrow {display:grid;place-items:center;flex:0 0 auto;width:56px;min-width:56px;border-left:1px solid #c3e3eb60;}
#projekti .portfolio-image-action .icon {width:24px;height:24px;}
#projekti .portfolio-project-footer {display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-top:19px;padding-bottom:4px;}
#projekti .portfolio-project-footer p {margin:0;max-width:450px;color:#a8becb;font-size:13px;line-height:1.65;}
#projekti .portfolio-project-cta {display:flex;align-items:center;justify-content:center;padding:0 18px;white-space:nowrap;font-size:13px;font-weight:550;line-height:1.5;}
#projekti .portfolio-editorial-pair {display:grid;grid-template-columns:minmax(0,1.24fr) minmax(0,1fr);align-items:start;gap:clamp(48px,7vw,112px);margin:100px 0 0;}
#projekti .portfolio-editorial-pair .portfolio-project-heading {margin-bottom:26px;}
#projekti .portfolio-editorial-pair h3 {font-size:clamp(30px,2.2vw,34px);max-width:500px;}
#projekti .portfolio-project--tdz .portfolio-project-media {aspect-ratio:1.2/1;}
#projekti .portfolio-project--tdz .portfolio-project-media img {object-position:47% center;}
#projekti .portfolio-project--merkur {margin-top:146px;}
#projekti .portfolio-project--merkur .portfolio-project-media {aspect-ratio:.88/1;}
#projekti .portfolio-project--merkur .portfolio-project-media img {object-position:41% center;}
#projekti .portfolio-editorial-pair .portfolio-project-footer {display:block;}
#projekti .portfolio-editorial-outro {border-top:1px solid var(--portfolio-line);margin-top:64px;padding:28px 0 44px;display:flex;align-items:center;}
#projekti .portfolio-archive-link {display:inline-flex;align-items:center;gap:25px;color:var(--portfolio-ink);font-size:18px;line-height:1.4;text-decoration:none;}
#projekti .portfolio-archive-arrow {display:grid;place-items:center;width:56px;height:56px;border:1px solid #8eafbf70;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,0 100%);background:#123246;transition:background .3s,color .3s;}
#projekti .portfolio-archive-arrow .icon {width:24px;height:24px;}
#projekti .portfolio-archive-link:focus-visible {outline:2px solid #4ac8ef;outline-offset:8px;}
@media(hover:hover) and (pointer:fine) {
 #projekti .portfolio-project-link:hover h3 {color:#b6ddeb;}
 #projekti .portfolio-project-link:hover .portfolio-project-media img {transform:scale(1.025);}
 #projekti .portfolio-project-link:hover .portfolio-image-action,#projekti .portfolio-archive-link:hover .portfolio-archive-arrow {background:#36bce6;color:#041722;border-color:#36bce6;}
}
@media(max-width:1023px) {
 #projekti.projects--editorial {padding-top:56px;}
 #projekti .portfolio-editorial-intro {margin:26px 0 34px;}
 #projekti .portfolio-editorial-intro h2 {font-size:38px;}
 #projekti .portfolio-project-media {aspect-ratio:1.65/1;}
 #projekti .portfolio-editorial-pair {gap:36px;margin-top:70px;}
 #projekti .portfolio-project--merkur {margin-top:95px;}
 #projekti .portfolio-project-meta {gap:18px;font-size:8px;}
 #projekti .portfolio-editorial-outro {margin-top:56px;}
}
@media(max-width:700px) {
 #projekti.projects--editorial {padding-top:44px;}
 #projekti .portfolio-section-marker {font-size:9px;gap:16px;}
 #projekti .portfolio-marker-location {display:none;}
 #projekti .portfolio-editorial-intro {margin:24px 0 26px;}
 #projekti .portfolio-editorial-intro h2 {font-size:clamp(29px,8vw,32px);letter-spacing:-.045em;line-height:1.12;}
 #projekti .portfolio-project-heading {padding-top:18px;margin-bottom:21px;}
 #projekti .portfolio-project-meta {gap:22px;font-size:8px;letter-spacing:.1em;}
 #projekti .portfolio-project-heading h3 {margin-top:14px;font-size:clamp(26px,6.6vw,28px);line-height:1.12;letter-spacing:-.04em;text-wrap:pretty;}
 #projekti .portfolio-project-media {aspect-ratio:1.18/1;}
 #projekti .portfolio-project-media img {object-position:50% 55%;}
 #projekti .portfolio-image-action {right:13px;bottom:13px;max-width:calc(100% - 26px);height:44px;}
 #projekti .portfolio-image-arrow {width:44px;min-width:44px;}
 #projekti .portfolio-image-action .icon {width:20px;height:20px;}
 #projekti .portfolio-project-footer {display:block;margin-top:14px;padding-bottom:0;}
 #projekti .portfolio-project-footer p {font-size:12px;line-height:1.65;}
 #projekti .portfolio-project-cta {font-size:12px;padding:0 13px;}
 #projekti .portfolio-editorial-pair {display:block;margin-top:39px;}
 #projekti .portfolio-editorial-pair .portfolio-project-heading {margin-bottom:21px;}
 #projekti .portfolio-editorial-pair h3 {font-size:clamp(26px,6.6vw,28px);max-width:340px;}
 #projekti .portfolio-project--tdz .portfolio-project-media {aspect-ratio:1.25/1;}
 #projekti .portfolio-project--merkur {margin-top:39px;}
 #projekti .portfolio-project--merkur .portfolio-project-media {aspect-ratio:1.18/1;}
 #projekti .portfolio-editorial-outro {margin-top:32px;padding:22px 0 32px;}
 #projekti .portfolio-archive-link {width:100%;justify-content:space-between;font-size:16px;gap:20px;}
 #projekti .portfolio-archive-arrow {width:48px;height:48px;}
 #projekti .portfolio-archive-arrow .icon {width:23px;height:23px;}
}
@media(prefers-reduced-motion:reduce) {
 #projekti .portfolio-project-media img {transform:none!important;}
 #projekti *,#projekti *::after {transition:none!important;}
}