@font-face{font-family:Readex Pro;src:url('assets/fonts/ReadexPro.ttf') format('truetype');font-weight:160 700;font-display:swap}
@font-face{font-family:Manrope;src:url('assets/fonts/Manrope.ttf') format('truetype');font-weight:200 800;font-display:swap}
body.detail-page{--body:'Readex Pro',Tahoma,sans-serif;--heading:var(--body);--paper-texture:url('assets/optimized/paper.webp');font:400 18px/1.9 var(--body);font-synthesis:none;overflow-wrap:normal}
html[lang=en] body.detail-page{--body:Manrope,Arial,sans-serif;font:400 17px/1.8 var(--body)}
body.detail-page h1,body.detail-page h2,body.detail-page h3{font-weight:600;letter-spacing:0;line-height:1.5}
body.detail-page .micro{font-family:Manrope,Arial,sans-serif;letter-spacing:1.5px}
body.detail-page .approved-wordmark{width:220px;max-width:100%;min-height:0;flex-shrink:0;line-height:1}
body.detail-page .approved-wordmark img{display:block;width:100%;height:auto}
body.detail-page .compact-header{padding-block:28px;min-height:120px}
body.detail-page .navigation{font-size:16px;padding-block:7px}
body.detail-page .project-page{max-width:1440px;padding-top:32px}
body.detail-page .back-link{font-size:16px;text-decoration-thickness:2px;text-decoration-color:var(--coral)}
body.detail-page .project-heading{align-items:center;gap:48px;padding-block:28px 40px}
body.detail-page .project-heading>div{min-width:0;flex:1}
body.detail-page .project-heading h1{font:600 clamp(44px,7.1vw,100px)/1.15 Manrope,Arial,sans-serif;letter-spacing:-.045em;overflow-wrap:anywhere;margin-top:18px}
body.detail-page .project-heading>p{font-size:clamp(22px,2.3vw,32px);line-height:1.7;max-width:390px;flex:0 1 34%}
body.detail-page .project-main-image{margin-block:36px}
body.detail-page .project-main-image>button{border:0;background:var(--paper)}
body.detail-page .project-main-image img{height:auto;object-fit:contain}
body.detail-page .project-main-image figcaption{font-size:13px;line-height:1.9;gap:24px;align-items:flex-start}
body.detail-page .project-main-image figcaption button{flex-shrink:0;font-size:14px;text-decoration-color:var(--coral)}
body.detail-page .project-description{gap:8%;padding-block:28px 64px}
body.detail-page .project-description h2{font-size:32px;margin-bottom:22px}
body.detail-page .project-description p{font-size:19px;line-height:2;margin-bottom:28px}
body.detail-page .project-description li{font-size:18px;line-height:1.9;padding-block:15px}
body.detail-page .button{font-size:17px;font-weight:600;min-height:52px;line-height:1.7}
body.detail-page .next-project{padding-block:30px 42px;font-size:17px;gap:28px}
body.detail-page .next-project strong{font:600 clamp(30px,4vw,56px)/1.25 Manrope,Arial,sans-serif;letter-spacing:-.03em}
body.detail-page .footer{grid-template-columns:200px 1fr 180px}
body.detail-page .footer .approved-wordmark{width:200px}
body.detail-page .footer>p{font-size:17px;line-height:1.8}
body.detail-page .footer>div{font-size:15px}
body.detail-page a:focus-visible,body.detail-page button:focus-visible{outline:3px solid var(--ink);outline-offset:5px;box-shadow:0 0 0 2px var(--paper)}
body.detail-page dialog{max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);padding:60px 18px 18px}
body.detail-page .dialog-close{border:1px solid var(--ink);background:var(--paper);inset-block-start:8px;inset-inline-end:12px;width:44px;height:44px;line-height:1}
@media(max-width:1000px){body.detail-page .project-heading{gap:30px}body.detail-page .project-heading h1{font-size:clamp(42px,7.2vw,70px)}body.detail-page .project-heading>p{font-size:23px;flex-basis:37%}body.detail-page .project-description{gap:36px}body.detail-page .project-description h2{font-size:28px}body.detail-page .project-description p,body.detail-page .project-description li{font-size:17px}body.detail-page .footer{grid-template-columns:160px 1fr 140px;gap:20px}body.detail-page .footer .approved-wordmark{width:160px}}
@media(max-width:760px){body.detail-page .compact-header{padding:24px 22px;min-height:0;gap:24px}body.detail-page .compact-header .approved-wordmark{width:180px;max-width:60%}body.detail-page .compact-header>.micro{font-size:8px;letter-spacing:1px;max-width:110px}body.detail-page .navigation{padding:5px 18px;gap:12px;flex-wrap:wrap;justify-content:space-between}body.detail-page .nav-links{font-size:13px;gap:15px}body.detail-page .language{font-size:12px;margin-inline-start:0}body.detail-page .project-page{padding:24px 22px 0}body.detail-page .project-heading{display:block;padding-block:16px 30px}body.detail-page .project-heading h1{font-size:clamp(42px,11vw,70px);line-height:1.2;margin-bottom:20px;overflow-wrap:normal}body.detail-page .project-heading>p{font-size:22px;line-height:1.8;max-width:none}body.detail-page .project-main-image{margin-block:28px}body.detail-page .project-main-image figcaption{display:block;font-size:12px;line-height:1.9}body.detail-page .project-main-image figcaption button{display:block;margin-top:8px}body.detail-page .project-description{grid-template-columns:1fr;padding-block:14px 38px;gap:32px}body.detail-page .project-description h2{font-size:28px;margin-bottom:16px}body.detail-page .project-description p,body.detail-page .project-description li{font-size:17px;line-height:1.95}body.detail-page .next-project{gap:14px;font-size:15px;padding-block:26px}body.detail-page .next-project strong{font-size:32px}body.detail-page .next-project>span:last-child{font-size:36px}body.detail-page .footer{grid-template-columns:150px 1fr;padding:28px 22px}body.detail-page .footer .approved-wordmark{width:150px}body.detail-page .footer>p{font-size:15px}body.detail-page .footer>div{font-size:13px}body.detail-page .footer small{font-size:12px}html[lang=en] body.detail-page .nav-links{font-size:12px;gap:12px}html[lang=en] body.detail-page .language{font-family:'Readex Pro',Tahoma,sans-serif;font-size:14px}}