.hp-case .hp-meta{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px 32px;font-size:14px;margin:0 0 24px}.portfolio-prototype .hp-header{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px 28px;padding:12px 6%;border-bottom:1px solid #d3d3cf}.portfolio-prototype .hp-header .pp-back{grid-column:1;grid-row:1;justify-self:start;max-width:100%;min-height:44px;padding:10px 14px;border:1px solid #888;font-size:16px;line-height:1.4;gap:10px;text-decoration:none}.hp-header .pp-back svg{flex-shrink:0}.portfolio-prototype .hp-header .ph-nav{grid-column:2;grid-row:1;border:0;gap:28px;flex-wrap:wrap}.portfolio-prototype .hp-header .ph-nav a{font-size:16px;padding:12px 0}.portfolio-prototype .hp-header .pp-language{grid-column:3;grid-row:1;justify-self:end}.portfolio-prototype .hp-header .pp-language button{font-size:14px}.portfolio-prototype .hp-header .pp-language button[aria-pressed=true]{font-weight:700;text-decoration:underline;text-underline-offset:6px;border:0}.hp-header :is(a,button):hover{text-decoration:underline;text-underline-offset:5px}.hp-header :is(a,button):focus-visible{outline:2px solid #111;outline-offset:4px}.portfolio-prototype .hp-case .pc-ending{background:#111;color:#f5f5f3;border:0;margin-inline:calc(-100% * 6 / 88);padding:64px calc(100% * 6 / 88)}.portfolio-prototype .hp-case .pc-ending p{color:#c6c6c2}.portfolio-prototype .hp-case .hp-next-link{padding:8px 0 24px;font:400 64px/1.12 NL Anton Preview,Impact,sans-serif;letter-spacing:0;text-decoration:none}.hp-next-link>div{min-width:0;overflow-wrap:anywhere}.hp-case .hp-next-link:hover span{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:8px}.portfolio-prototype .hp-case .pc-contact{margin-top:32px}.portfolio-prototype .hp-case .pc-contact a{font-size:22px;overflow-wrap:anywhere}.hp-case .pc-ending a:focus-visible{outline:2px solid #f5f5f3;outline-offset:4px}.hp-case .pc-contact a:hover{text-decoration:underline;text-underline-offset:5px}@media(max-width:900px){.portfolio-prototype .hp-header{grid-template-columns:minmax(0,1fr) auto;gap:8px 12px}.portfolio-prototype .hp-header .pp-language{grid-column:2}.portfolio-prototype .hp-header .ph-nav{grid-column:1/-1;grid-row:2;justify-content:center;gap:32px}}@media(max-width:480px){.portfolio-prototype .hp-header .pp-back{font-size:14px;padding:8px;gap:6px}.portfolio-prototype .hp-case .pc-ending{padding-block:40px}.portfolio-prototype .hp-case .hp-next-link{font-size:40px;gap:16px}.portfolio-prototype .hp-case .pc-contact a{font-size:18px}}.portfolio-prototype .hp-case .pc-opening h1{margin-bottom:16px;font:400 88px/1.04 NL Anton Preview,Impact,sans-serif;letter-spacing:0}.hp-case .pc-cover{max-width:1200px;margin-inline:auto}.hp-case .pc-opening{max-width:1200px;margin-inline:auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 40px;align-items:end}.hp-case .hp-meta,.hp-case .pc-cover{grid-column:1/-1;width:100%}.hp-case .hp-opening-copy{margin:0 0 24px}.hp-opening-copy{max-width:760px;font-size:22px;line-height:1.4;margin:0 0 32px}.hp-introduction{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:48px;padding:56px 0 72px;max-width:1200px;margin-inline:auto}.portfolio-prototype .hp-introduction h2{font-size:20px;margin:0 0 16px}.hp-introduction p,.hp-chapter-copy>p:not(.hp-number){font-size:18px;line-height:1.65;margin:0;max-width:65ch}.hp-chapter{border-top:1px solid #bbb;padding-top:32px;margin-bottom:72px}.hp-chapter-copy{max-width:720px;margin-bottom:28px}.hp-number{font:12px/1.4 monospace;margin:0 0 16px}.portfolio-prototype .hp-chapter h2{font:400 42px/1.12 NL Anton Preview,Impact,sans-serif;letter-spacing:0;margin:0 0 20px;overflow-wrap:anywhere}.hp-chapter-media{display:grid;gap:28px;min-width:0}.hp-story{container-type:inline-size}.portfolio-prototype .hp-story .hp-chapter-1 .hp-detail{width:100%;max-width:627px}.portfolio-prototype .hp-story :is(.hp-chapter-2,.hp-chapter-3) .hp-detail{width:100%;min-width:0}.hp-chapter-2 .hp-chapter-copy,.hp-chapter-3 .hp-chapter-copy{overflow-wrap:anywhere}.hp-detail-open{display:block;position:relative;width:100%;aspect-ratio:1;border:0;padding:0;background:transparent;cursor:zoom-in}.portfolio-prototype .hp-detail-open img{width:100%;height:100%;object-fit:cover;object-position:50% 50%}.hp-detail-open[data-file="detail-05.jpeg"]{aspect-ratio:1280/853}.portfolio-prototype .hp-detail-open[data-file="detail-05.jpeg"] img{object-fit:contain;object-position:center}.hp-enlarge{position:absolute;bottom:12px;right:12px;display:grid;place-items:center;width:32px;height:32px;background:#111;color:#fff}.hp-viewer{position:fixed;inset:0;margin:0;width:100%;max-width:none;height:100dvh;max-height:none;padding:16px;border:0;background:#000000f0;color:#fff;overflow:auto}.hp-viewer::backdrop{background:#000000d9}.hp-viewer[open]{display:flex;align-items:center;justify-content:center;animation:hp-viewer-in .18s ease-out}.hp-viewer[data-closing=true]{opacity:0;transition:opacity .16s ease}.hp-viewer-panel{width:min(100%,1320px);max-height:100%;display:grid;grid-template-rows:44px minmax(0,1fr) auto;gap:12px}.hp-viewer header,.hp-viewer footer{display:flex;align-items:center;justify-content:space-between;gap:16px}.hp-viewer button{flex-shrink:0;width:44px;height:44px;border:1px solid #aaa;color:#fff;background:#111;display:grid;place-items:center}.hp-viewer button:focus-visible{outline:2px solid #fff;outline-offset:3px}.hp-viewer-media{display:flex;align-items:center;justify-content:center;min-height:0;height:min(72dvh,850px)}.hp-viewer-media img{width:auto;height:auto;max-width:100%!important;max-height:min(72dvh,850px)!important;object-fit:contain}.hp-viewer footer p{margin:0;font-size:14px;line-height:1.4;text-align:center}@keyframes hp-viewer-in{0%{opacity:0}to{opacity:1}}@media(max-height:500px){.hp-viewer{padding:8px 16px}.hp-viewer-panel{gap:6px}.hp-viewer-media{height:calc(100dvh - 136px)}.hp-viewer-media img{max-height:calc(100dvh - 136px)!important}}@media(prefers-reduced-motion:reduce){.hp-viewer[open]{animation:none}.hp-viewer[data-closing=true]{transition:none}}.hp-chapter-2{max-width:1282px;margin-inline:auto}.hp-chapter-2 .hp-chapter-media{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;align-items:start}.hp-chapter-2 .hp-chapter-copy{max-width:800px;margin-bottom:32px}.hp-chapter-1{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1fr);gap:40px;align-items:end;max-width:1137px;margin-inline:auto;border-top:0;padding-top:0}.hp-chapter-1 .hp-chapter-copy{margin:0;padding-bottom:24px;min-width:0}.hp-chapter-1 .hp-number{background:#ff7900;color:#111;width:48px;height:48px;display:grid;place-items:center;margin-bottom:24px}.hp-chapter-1 .hp-chapter-media{align-content:start}.hp-chapter-3{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:center;max-width:1280px;margin-inline:auto;margin-bottom:40px}.hp-chapter-3 .hp-chapter-media{display:contents}.hp-chapter-3 .hp-chapter-copy{margin:0;max-width:560px}.portfolio-prototype .hp-chapter-3 .hp-detail:first-child{max-width:560px;justify-self:end}.portfolio-prototype .hp-chapter-3 .hp-detail:last-child{grid-column:1/-1;max-width:1280px}@container (max-width:36rem){.hp-chapter-2 .hp-chapter-media{grid-template-columns:minmax(0,1fr)}}.hp-conclusion{padding:8px 0 48px;max-width:1280px;margin-inline:auto}.portfolio-prototype .hp-conclusion h2{max-width:850px;font-size:36px;line-height:1.2;margin:0 0 24px}.hp-conclusion>div{display:flex;flex-wrap:wrap;gap:16px 32px}.hp-conclusion a{display:inline-flex;align-items:center;gap:10px;min-height:44px}.hp-case a:focus-visible,.hp-case button:focus-visible{outline:2px solid currentColor;outline-offset:4px}@media(max-width:800px){.hp-case .pc-opening{display:block}.portfolio-prototype .hp-case .pc-opening h1{font-size:52px}.portfolio-prototype .hp-story .hp-chapter-1 .hp-detail{width:min(100%,627px)}.hp-introduction,.hp-chapter-1,.hp-chapter-3{grid-template-columns:minmax(0,1fr);gap:28px}.hp-chapter-1{max-width:627px}.hp-chapter-1 .hp-chapter-copy{padding:0}.portfolio-prototype .hp-chapter-3 .hp-detail:first-child{justify-self:center}.hp-introduction{padding:40px 0}.hp-chapter{margin-bottom:48px}.hp-chapter-copy{margin-bottom:0}.hp-chapter:not(.hp-chapter-1) .hp-chapter-copy{margin-bottom:24px}.portfolio-prototype .hp-chapter h2{font-size:32px}.portfolio-prototype .hp-conclusion h2{font-size:28px}.hp-opening-copy{font-size:20px}.hp-introduction p,.hp-chapter-copy>p:not(.hp-number){font-size:16px}}.ec-case{color:#151515}.ec-meta{display:flex;flex-wrap:wrap;gap:8px 32px;font-size:14px}.ec-meta span{margin-left:auto}.ec-opening-heading{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:32px;align-items:end;margin:32px 0 48px}.ec-case h1,.ec-case h2{font-family:NL Anton Preview,Impact,sans-serif;font-weight:400;letter-spacing:0}.ec-case h1{font-size:72px;line-height:1.08;margin:0;overflow-wrap:anywhere}.ec-case h2{font-size:40px;line-height:1.14;margin:12px 0 20px}.ec-case p{line-height:1.6}.ec-opening-heading>p{font-size:20px;max-width:34em;margin:0}.ec-cover{margin:0 auto;width:100%}.ec-cover:has(img[width="543"]){max-width:440px!important}.ec-case .hp-detail-open{aspect-ratio:auto;width:100%}.portfolio-prototype .ec-case .hp-detail-open img{width:100%;height:auto;object-fit:contain}.ec-case .hp-detail{margin:0}.ec-case .hp-detail figcaption{font-size:14px;line-height:1.5}.ec-cover .hp-detail figcaption{margin-top:12px}.ec-contribution{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:40px;margin:80px auto;max-width:1100px}.ec-contribution h2{font-family:inherit;font-size:16px;font-weight:600;margin:0}.ec-contribution p{font-size:20px;margin:0;max-width:48em}.ec-story{display:grid;gap:96px;margin:0 0 96px}.ec-chapter{min-width:0}.ec-chapter-copy{max-width:640px;margin-bottom:32px}.ec-number{font-size:13px}.ec-media{display:grid;gap:28px;min-width:0}.ec-media>div{min-width:0;width:100%}.ec-pair .ec-media{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;max-width:1440px}.ec-pair .hp-detail-open{aspect-ratio:4 / 3;background:transparent}.portfolio-prototype .ec-pair .hp-detail-open img{height:100%;object-fit:contain}.ec-feature .ec-media{max-width:1200px}.ec-contained{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.4fr);align-items:center;gap:48px}.ec-contained .ec-chapter-copy{margin:0}@media(min-width:1600px){.ec-case h1{font-size:88px}}@media(max-width:900px){.ec-case h1{font-size:56px}.ec-opening-heading{grid-template-columns:1fr;gap:24px}.ec-contribution{grid-template-columns:1fr;gap:20px;margin:56px 0}.ec-contained{grid-template-columns:1fr;gap:28px}.ec-story{gap:64px}}@media(max-width:560px){.ec-case h1{font-size:42px}.ec-case h2{font-size:32px}.ec-opening-heading>p,.ec-contribution p{font-size:18px}.ec-meta{display:grid}.ec-meta span{margin-left:0}.ec-pair .ec-media{grid-template-columns:1fr}}
