/* Three substantial cases lead the portfolio. Native project art stays intact. */
.proof-strip{width:calc(100% - 128px);max-width:1312px}
.hero-curated{grid-template-columns:minmax(0,.85fr) minmax(0,1.5fr);gap:56px;padding-top:58px;padding-bottom:58px;min-height:590px}
.hero-curated h1{font-size:clamp(44px,4.2vw,62px);letter-spacing:-2.8px;margin-top:25px;margin-bottom:22px}
.hero-curated .hero-role{font-size:17px}.hero-curated .hero-text{font-size:12px;max-width:400px}.hero-curated .hero-actions{gap:8px}.hero-curated .button{padding:14px 17px;font-size:11px}
.hero-focus{display:block;min-width:0}.hero-focus-label{display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:9px;font-weight:750;letter-spacing:1px;margin-bottom:20px}.hero-focus-label span:last-child{font-size:9px;letter-spacing:0;font-weight:600;color:var(--muted);border:1px solid var(--line);border-radius:30px;padding:5px 9px;white-space:nowrap}
.hero-posters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:20px;background:#e9ecf3;border:1px solid var(--line);border-radius:12px}.hero-posters img{width:100%;box-shadow:0 7px 20px #17192312;transition:transform .25s}.hero-focus:hover .hero-posters img{transform:translateY(-4px)}.hero-focus-caption{display:flex;justify-content:space-between;align-items:center;margin-top:18px}.hero-focus-caption strong{display:block;font-size:22px;letter-spacing:-.6px}.hero-focus-caption span:not(.hero-focus-arrow){display:block;font-size:10px;color:var(--muted);margin-top:2px}.hero-focus-arrow{display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;width:42px;height:42px;font-size:25px}
.work-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.work-card.featured{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.9fr) minmax(0,1fr);border-radius:18px;min-height:595px}.work-card.featured .work-visual{display:flex;align-items:center;justify-content:center;gap:16px;padding:32px;min-height:595px;background:#e9ecf3}.work-card.featured .work-visual img{height:auto;max-height:none;width:100%;object-fit:contain;grid-column:auto}.work-card.featured .work-info{padding:38px 32px}.feature-kicker{font-size:9px;letter-spacing:1.5px;color:var(--accent);font-weight:800;margin-bottom:20px}.work-card.featured .work-meta{font-size:10px;margin-bottom:22px}.work-card.featured h3{font-size:42px;line-height:1.12;letter-spacing:-1.7px;margin-bottom:20px}.work-card.featured .work-info>p{font-size:12px;line-height:1.8;margin-bottom:24px}.feature-story{border-top:1px solid var(--line);padding-top:20px;margin-bottom:20px}.feature-story strong{font-size:12px;line-height:1.6;display:block;margin-bottom:8px}.feature-story p{font-size:11px;margin:0;line-height:1.8}.feature-tags{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:25px}.feature-tags span{font-size:9px;border:1px solid var(--line);border-radius:30px;padding:5px 8px}.work-card.featured .work-bottom{display:grid;gap:10px;font-size:10px}.work-card.featured .work-bottom>a{display:flex;align-items:center;justify-content:center;background:var(--accent);color:white;padding:13px 18px;border-radius:7px;min-height:46px;font-size:11px;transition:background .2s}.work-card.featured .work-bottom>a:hover{background:#2340bf}
.work-card.featured.feature-upp-book-series .work-visual{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(0,1fr);grid-template-rows:repeat(3,minmax(0,1fr));gap:16px}.work-card.featured.feature-upp-book-series .work-visual img:first-child{grid-column:1;grid-row:1/-1;width:100%;height:100%;max-height:540px;object-fit:contain}.work-card.featured.feature-upp-book-series .work-visual img:not(:first-child){grid-column:2;width:100%;height:160px;object-fit:contain;background:white;padding:8px;box-shadow:0 6px 18px #1719230a}
.work-card.featured.feature-sdvig .work-visual{gap:14px;background:#e9ecf3}.work-card.featured.feature-sdvig .work-visual img{width:calc((100% - 28px)/3);height:auto;box-shadow:0 10px 24px #17192315}
.work-card.featured.feature-ramka .work-visual{display:block;position:relative;overflow:hidden}.work-card.featured.feature-ramka .work-visual img:first-child{position:absolute;left:28px;top:60px;width:calc(100% - 120px);height:auto;grid-column:auto;border:1px solid #dde1e9;border-radius:8px;box-shadow:0 16px 35px #17192312}.work-card.featured.feature-ramka .work-visual img:not(:first-child){position:absolute;right:23px;bottom:26px;width:120px;height:auto;max-height:530px;border:7px solid white;object-fit:contain;background:white;border-radius:15px;box-shadow:0 14px 30px #17192318}
.work-card:not(.featured) .work-visual{min-height:240px;padding:22px}.work-card:not(.featured) .work-visual img{height:215px}.work-card:not(.featured) .work-info{padding:25px}.work-card:not(.featured) .work-info h3{font-size:25px;letter-spacing:-.8px}.work-card:not(.featured) .work-meta{font-size:9px;gap:8px}.work-card:not(.featured) .work-bottom{flex-wrap:wrap;font-size:9px;gap:8px}.catalogue-divider{grid-column:1/-1;border-top:1px solid var(--line);padding-top:47px;margin-top:24px;margin-bottom:4px}.catalogue-divider small{font-size:9px;letter-spacing:1.3px;font-weight:750}.catalogue-divider h2{font-size:35px;margin-top:15px}.catalogue-divider p{font-size:12px;color:var(--muted);margin:0}.catalogue-divider[hidden]{display:none}
@media(max-width:1100px){.hero-curated{gap:30px;grid-template-columns:1fr 1.3fr;padding-top:45px;padding-bottom:45px;min-height:540px}.hero-curated h1{font-size:52px}.hero-posters{gap:10px;padding:14px}.hero-focus-label{letter-spacing:.5px;font-size:8px}.work-card.featured{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}.work-card.featured .work-info{padding:30px 25px}.work-card.featured h3{font-size:35px}.work-card.featured .work-visual{padding:22px}.work-card.featured.feature-upp-book-series .work-visual{gap:10px;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)}.work-card.featured.feature-upp-book-series .work-visual img:not(:first-child){height:150px;padding:5px}.work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.hero-curated{grid-template-columns:1fr;padding:35px 20px 35px;gap:30px;min-height:0}.hero-curated h1{font-size:47px;margin:20px 0;letter-spacing:-2.4px}.hero-curated .hero-text{max-width:490px;margin-bottom:20px}.hero-curated .hero-role{font-size:16px;margin-bottom:14px}.hero-focus-label{font-size:8px;margin-bottom:12px}.hero-focus-label span:last-child{font-size:8px}.hero-posters{gap:8px;padding:12px;border-radius:8px}.hero-focus-caption{margin-top:12px}.hero-focus-caption strong{font-size:19px}.hero-focus-caption span:not(.hero-focus-arrow){font-size:9px}.hero-focus-arrow{width:35px;height:35px;font-size:21px}.work-grid{grid-template-columns:1fr;gap:23px}.work-card.featured{display:flex;flex-direction:column;min-height:0}.work-card.featured .work-visual{min-height:370px;padding:18px}.work-card.featured .work-info{padding:25px}.feature-kicker{margin-bottom:15px;font-size:8px}.work-card.featured .work-meta{margin-bottom:18px}.work-card.featured h3{font-size:35px;margin-bottom:16px}.feature-story{padding-top:16px;margin-bottom:17px}.work-card.featured .work-info>p{margin-bottom:20px}.work-card.featured .work-bottom{font-size:10px}.work-card.featured.feature-upp-book-series .work-visual{min-height:460px;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:auto 125px;gap:12px}.work-card.featured.feature-upp-book-series .work-visual img:first-child{grid-column:1/-1;grid-row:1;height:300px;max-height:none;width:100%}.work-card.featured.feature-upp-book-series .work-visual img:not(:first-child){grid-column:auto;grid-row:2;height:125px;padding:5px}.work-card.featured.feature-sdvig .work-visual{min-height:300px;gap:8px;padding:16px}.work-card.featured.feature-sdvig .work-visual img{width:calc((100% - 16px)/3)}.work-card.featured.feature-ramka .work-visual{min-height:410px}.work-card.featured.feature-ramka .work-visual img:first-child{left:18px;top:35px;width:calc(100% - 66px)}.work-card.featured.feature-ramka .work-visual img:not(:first-child){right:15px;bottom:20px;width:83px;max-height:330px;border-width:5px;border-radius:10px}.work-card:not(.featured) .work-visual{min-height:245px}.work-card:not(.featured) .work-visual img{height:220px}.catalogue-divider{padding-top:35px;margin-top:10px}.catalogue-divider h2{font-size:30px}}
@media(prefers-reduced-motion:reduce){.hero-posters img{transition:none}.hero-focus:hover .hero-posters img{transform:none}}
@media(max-width:1100px){.proof-strip{width:calc(100% - 60px)}}
@media(max-width:760px){.proof-strip{width:calc(100% - 40px)}}
