:root {
  --bg: #000;
  --fg: #fff;
  --muted: #6e6e6e;
  --font-text: "neue-haas-grotesk-text", "Neue Haas Grotesk Text Pro", "Helvetica Neue", Arial, sans-serif;
  --font-display: "neue-haas-grotesk-display", "Neue Haas Grotesk Display Pro", "Helvetica Neue", Arial, sans-serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; scrollbar-gutter: stable; background: var(--bg); }
body { min-width: 1440px; margin: 0; overflow-x: auto; background: var(--bg); color: var(--fg); font-family: var(--font-text); font-weight: 400; font-synthesis: none; }
html.has-open-contact, body.has-open-contact, body.has-open-project { overflow: hidden; overscroll-behavior: none; }
button, input, textarea { font: inherit; }
a { color: inherit; text-decoration: none; }
img { display: block; }

.page-shell { position: relative; width: 1440px; height: 4415px; margin: 0 auto; background: #000; overflow: hidden; }
.desktop-canvas { position: absolute; inset: 0; width: 1440px; height: 4415px; overflow: hidden; background: #000; }
.intro, .work, .contact { position: absolute; inset: 0; }
.contact { pointer-events: none; }
.meeting-link, footer a { pointer-events: auto; }
footer { pointer-events: none; }

.topbar { position: absolute; z-index: 20; inset: 0; font-size: 20px; line-height: normal; }
.topbar { pointer-events: none; }
.topbar a, .topbar button { pointer-events: auto; }
.topbar a, .topbar p, .language, .wordmark { position: absolute; top: 33.17px; margin: 0; }
.wordmark { left: 32.05px; width: 25.251px; height: 28.616px; pointer-events: none; }
.wordmark img { width: 100%; height: 100%; object-fit: contain; }
.nav-contact { left: 237.3685px; width: 168.783px; text-align: center; }
.discipline { left: 550.8045px; width: 338.391px; color: #616161; text-align: center; }
.nav-about { left: 1004.0465px; width: 168.783px; text-align: center; }
.language { left: 1320.058px; width: 103.471px; display: flex; gap: 10px; }
.lang-button { padding: 0; border: 0; background: none; color: var(--muted); cursor: pointer; line-height: 1; transition: color .25s ease; }
.lang-button:focus { outline: none; }
.lang-button:hover, .lang-button.is-active { color: var(--fg); }
.topbar a, footer a { position: absolute; }
.topbar a::after, footer a::after { content: ""; position: absolute; left: 0; bottom: -5px; width: 100%; height: 1px; background: currentColor; transform: scaleX(0); transform-origin: right; transition: transform .35s ease; }
.topbar a:hover::after, footer a:hover::after { transform: scaleX(1); transform-origin: left; }

.hero-person { position: absolute; z-index: 3; left: 198.02px; top: 158.64px; width: 1006.936px; height: 1343.062px; object-fit: cover; }
.hero-title { position: absolute; z-index: 2; left: 0; top: 602.19px; width: 1440px; height: 245.796px; margin: 0; font-family: var(--font-text); font-size: 200px; font-style: italic; font-weight: 400; line-height: normal; letter-spacing: -12px; white-space: nowrap; }
.hero-title span { position: absolute; top: 0; width: 1297.415px; text-align: center; }
.hero-name-first { left: -378.3375px; height: 245.796px; }
.hero-name-last { left: 469.4025px; height: 214.618px; }
.about-anchor { position: absolute; top: 1006px; left: 0; width: 1px; height: 1px; scroll-margin-top: 0; }
.about-photo { position: absolute; z-index: 5; overflow: hidden; }
.about-photo-left { left: 32.19px; top: 1013.04px; width: 537.331px; height: 454.664px; }
.about-photo-left img { position: absolute; left: -51.702px; top: 1.984px; width: 844.25px; height: 468.328px; object-fit: cover; }
.about-photo-right { left: 949.658px; top: 1013.04px; width: 458.008px; height: 454.664px; }
.about-photo-right img { position: absolute; left: 0; top: -155.984px; width: 458.008px; height: 610.648px; object-fit: cover; }
.about-text { position: absolute; z-index: 6; margin: 0; font-family: var(--font-text); font-size: 20px; font-style: normal; font-weight: 400; line-height: normal; letter-spacing: 1px; }
.about-text-one { left: 32.19px; top: 1502.51px; width: 586.188px; }
.about-text-two { left: 977.636px; top: 1593.95px; width: 620.641px; }
.about-text-three { left: 569.52px; top: 1731.92px; width: 661.238px; }
html[lang="en"] .about-text-one { width: 597.786px; }
html[lang="en"] .about-text-two { width: 430.364px; }

.project { position: absolute; width: 438px; height: 600px; }
.project-1 { left: 32px; top: 2240.85px; }
.project-2 { left: 502.112px; top: 2240.85px; }
.project-3 { left: 969.397px; top: 2240.85px; }
.project-4 { left: 32px; top: 3132.95px; }
.project-5 { left: 499.698px; top: 3132.95px; }
.project-6 { left: 969.62px; top: 3132.95px; }
.project-image { position: relative; width: 438px; height: 524.828px; overflow: hidden; background: #111; }
.project-image img, .project-preview-video { position: absolute; max-width: none; object-fit: cover; transition: transform .65s cubic-bezier(.2,.75,.2,1), filter .4s ease; }
.project-artwork { position: absolute; overflow: hidden; }
.project-artwork img { object-fit: fill; }
.project-1 .project-image img { left: -74.702px; top: -91.848px; width: 512.186px; height: 682.915px; }
.project-2 .project-image img { left: -12.682px; top: -48.341px; width: 458.535px; height: 573.168px; }
.project-3 .project-artwork { left: 1.379px; top: -51.285px; width: 864.061px; height: 576.113px; }
.project-3 .project-artwork img { left: -5.67%; top: 0; width: 123.42%; height: 123.42%; }
.project-4 .project-image img { left: -10.748px; top: -21.052px; width: 453.506px; height: 566.932px; }
.project-5 .project-artwork { left: -164.192px; top: -69.87px; width: 829.678px; height: 659.321px; }
.project-5 .project-artwork img { left: 4.55%; top: -74.19%; width: 90.9%; height: 248.68%; }
.project-6 .project-artwork { left: -281.994px; top: -590.297px; width: 837.746px; height: 1821.368px; }
.project-6 .project-artwork img { left: -0.04%; top: -14.11%; width: 124.56%; height: 124.56%; }
.project-video-preview { contain: layout size paint; isolation: isolate; background: #000; }
.project-preview-video { inset: 0; display: block; width: 100%; height: 100%; object-position: 50% 50%; }
.project:hover .project-image img, .project:hover .project-preview-video { transform: scale(1.018); filter: brightness(.86); }
.project-open-hit { position: absolute; z-index: 4; inset: 0; width: 100%; height: 100%; padding: 0; border: 0; background: transparent; cursor: pointer; }
.project-open-hit:focus { outline: none; }
.project-meta { position: relative; width: 438px; height: 43.896px; padding: 0; font-size: 15px; line-height: normal; }
.project-meta h3, .project-meta p, .project-meta time { position: absolute; height: 43.896px; margin: 0; overflow: hidden; font: inherit; white-space: nowrap; text-overflow: ellipsis; }
.project-meta h3 { width: 206.995px; }
.project-meta p { width: 206.995px; color: var(--muted); text-align: center; }
.project-meta time { width: 68.429px; color: var(--muted); text-align: left; }
.project-1 .project-meta > *, .project-2 .project-meta > *, .project-3 .project-meta > * { top: 10.162px; }
.project-4 .project-meta > *, .project-5 .project-meta > *, .project-6 .project-meta > * { top: 6.672px; }
.project-1 .project-meta h3 { left: -0.92px; }
.project-1 .project-meta p { left: 113.606px; }
.project-1 .project-meta time { left: 402.44px; }
.project-2 .project-meta h3 { left: -1.11px; }
.project-2 .project-meta p { left: 115.5025px; }
.project-2 .project-meta time { left: 403.79px; }
.project-3 .project-meta h3 { left: 1.6px; }
.project-3 .project-meta p { left: 115.5025px; }
.project-3 .project-meta time { left: 402.18px; }
.project-4 .project-meta h3 { left: -1.06px; }
.project-4 .project-meta p { left: 115.5025px; }
.project-4 .project-meta time { left: 402.6px; }
.project-5 .project-meta h3 { left: 0; }
.project-5 .project-meta p { left: 116.805px; }
.project-5 .project-meta time { left: 401.49px; }
.project-6 .project-meta h3 { left: 0; }
.project-6 .project-meta p { left: 115.5025px; }
.project-6 .project-meta time { left: 401.7px; }

.meeting-link { position: absolute; z-index: 4; left: 487.154px; top: 3981.13px; width: 465.692px; height: 69.129px; display: flex; align-items: flex-start; justify-content: center; padding: 7.2px 0 0; border: 2px solid #fff; border-radius: 30px; background: #000; color: #fff; font-size: 40px; line-height: 43.896px; letter-spacing: -2px; cursor: pointer; transition: background-color .3s ease, color .3s ease; }
.meeting-link:hover { background: #fff; color: #000; }
html[lang="en"] .meeting-link { left: 552.541px; width: 334.919px; }
.contact-anchor { position: absolute; left: 0; top: 3900px; width: 1px; height: 1px; scroll-margin-top: 0; }
footer { position: absolute; left: 0; top: 4336.65px; width: 1440px; height: 45px; font-size: 20px; line-height: normal; }
footer p, footer a { position: absolute; margin: 0; }
.copyright { left: 30.9px; top: 1.05px; width: 396.599px; }
.instagram { left: 656.0475px; top: 1.05px; width: 127.905px; text-align: center; }
.back-top { left: 1340.838px; top: 0; width: 103.471px; }
html[lang="en"] .back-top { left: 1300.413px; width: 131.869px; }

.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }

.contact-modal { position: fixed; z-index: 2000; inset: 0; display: grid; place-items: center; min-width: 1440px; background: rgba(0, 0, 0, .8); -webkit-backdrop-filter: blur(18.35px); backdrop-filter: blur(18.35px); opacity: 0; visibility: hidden; pointer-events: none; transition: opacity .35s ease, visibility 0s linear .35s; }
.contact-modal.is-open { opacity: 1; visibility: visible; pointer-events: auto; transition-delay: 0s; }
.contact-modal__panel { position: relative; width: 706.603px; height: 472.924px; overflow: hidden; border: 2px solid #fff; background: #000; box-shadow: 23px -10px 14.3px 58px rgba(0, 0, 0, .25); transform: scale(.985); transition: transform .32s cubic-bezier(.2, .72, .2, 1); }
.contact-modal.is-open .contact-modal__panel { transform: scale(1); }
.contact-modal__logo { position: absolute; left: 17.88px; top: 18.756px; width: 17.258px; height: 19.557px; object-fit: contain; }
.contact-modal__discipline { position: absolute; left: 182.107px; top: 21.756px; width: 338.391px; height: 43.896px; margin: 0; color: #616161; font-size: 12px; line-height: normal; text-align: center; }
.contact-modal__close { position: absolute; z-index: 5; right: 14px; top: 12px; width: 38px; height: 38px; padding: 11.075px 11.877px 15.072px 13.877px; border: 0; background: transparent; cursor: pointer; }
.contact-modal__close img { width: 12.246px; height: 11.853px; object-fit: contain; }
.contact-modal__close:focus-visible, .contact-submit:focus-visible { outline: 1px solid #fff; outline-offset: 3px; }

.contact-form { position: absolute; inset: 0; opacity: 1; transition: opacity .25s ease, transform .35s ease; }
.contact-field { position: absolute; left: 28.276px; width: 637.433px; color: #fff; font-size: 20px; line-height: normal; }
.contact-field span { position: absolute; left: 0; top: 0; white-space: nowrap; }
.contact-field input, .contact-field textarea { position: absolute; border: 0; border-radius: 0; outline: 0; background: transparent; color: #fff; caret-color: #fff; font-family: var(--font-text); font-size: 20px; font-weight: 400; }
.contact-field input:focus, .contact-field textarea:focus { outline: none; }
.contact-field--name { top: 89.942px; height: 23.277px; }
.contact-field--email { top: 156.055px; height: 24.029px; }
.contact-field--name input, .contact-field--email input { left: 72.026px; top: -8px; width: 237.693px; height: 27px; padding: 0 0 1px; border-bottom: 1px solid #fff; line-height: 26px; }
html[lang="en"] .contact-field--name input, html[lang="en"] .contact-field--email input { left: 90.181px; width: 268.361px; }
.contact-field--message { top: 243.039px; height: 125.428px; }
.contact-field--message textarea { z-index: 2; left: 0; top: -9px; width: 637.433px; height: 146px; padding: 0; overflow: hidden; resize: none; line-height: 51.464px; text-indent: 72.026px; }
html[lang="en"] .contact-field--message textarea { text-indent: 90.181px; }
html[lang="en"] .contact-field--message textarea { height: 136px; }
.contact-message-line { position: absolute; z-index: 1; display: block; height: 1px; background: #fff; pointer-events: none; }
.contact-message-line--one { left: 72.026px; top: 29px; width: 565.406px; }
html[lang="en"] .contact-message-line--one { left: 90.181px; width: 547.252px; }
.contact-message-line--two { left: 0; top: 79.964px; width: 637.433px; }
.contact-message-line--three { left: 0; top: 131.428px; width: 637.433px; }
.contact-submit { position: absolute; left: 300.332px; top: 403.968px; width: 99.34px; height: 34.126px; padding: 0 0 2px; border: 2px solid #fff; border-radius: 15px; background: #000; color: #fff; font-size: 24px; line-height: normal; letter-spacing: -1.2px; cursor: pointer; transition: background-color .25s ease, color .25s ease; }
.contact-submit:hover { background: #fff; color: #000; }

.contact-success { position: absolute; left: 170.111px; top: 197.56px; width: 362.381px; height: 73.804px; display: flex; align-items: center; justify-content: center; border: 2px solid #fff; border-radius: 30px; opacity: 0; visibility: hidden; transform: translateY(10px); transition: opacity .3s ease, transform .35s ease, visibility 0s linear .3s; }
.contact-success p { width: 338.39px; margin: 0; color: #fff; font-size: 24px; line-height: 92.12%; letter-spacing: -1.2px; text-align: center; }
html[lang="en"] .contact-success { left: 151.454px; top: 205.89px; width: 403.694px; height: 42.446px; }
html[lang="en"] .contact-success p { width: 383.614px; }
.contact-modal__panel.is-success .contact-form { opacity: 0; visibility: hidden; transform: translateY(-8px); }
.contact-modal__panel.is-success .contact-success { opacity: 1; visibility: visible; transform: translateY(0); transition-delay: .08s; }

.reveal { opacity: 0; transform: translateY(24px); transition: opacity .72s ease var(--delay, 0s), transform .82s cubic-bezier(.2,.72,.2,1) var(--delay, 0s); }
.reveal.is-visible { opacity: 1; transform: translateY(0); }

.project-overlay { position: fixed; z-index: 1000; inset: 0; display: none; overflow: auto; overscroll-behavior: contain; background: #000; }
.project-overlay.is-open { display: block; }
.project-detail-canvas { position: relative; width: 1440px; height: 2243.068px; margin: 0 auto; overflow: hidden; background: #000; }
.project-detail-header { position: fixed; z-index: 50; top: 0; left: 50%; width: 1440px; height: 80px; transform: translateX(-50%); background: #000; }
.project-detail-header > p { position: absolute; top: 33.17px; left: 550.805px; width: 338.391px; margin: 0; color: #616161; font-size: 20px; line-height: normal; text-align: center; }
.detail-site-logo { position: absolute; top: 33.17px; left: 32.045px; width: 25.251px; height: 28.616px; object-fit: contain; }
.project-close { position: absolute; top: 27px; right: 21px; width: 44px; height: 44px; padding: 11px; border: 0; background: transparent; cursor: pointer; }
.project-close:focus { outline: none; }
.project-close img { width: 22px; height: 21px; object-fit: contain; }
.project-detail-language { display: none; }
.underlined-logo { position: absolute; top: 80.065px; left: 25.065px; width: 450.869px; height: 200.434px; object-fit: contain; }
.detail-copy { position: absolute; left: 32px; width: 437px; margin: 0; color: #fff; font-family: var(--font-text); font-size: 20px; font-style: normal; font-weight: 400; line-height: normal; letter-spacing: 1px; }
.detail-copy p { margin: 0; }
.detail-copy strong { font-family: var(--font-display); font-weight: 500; }
.detail-copy-1 { top: 316.534px; height: 145px; }
.detail-copy-2 { top: 548.534px; height: 48px; }
.detail-copy-3 { top: 683.534px; height: 96px; }
.detail-copy-4 { top: 866.534px; height: 120px; }
.detail-copy-5 { top: 1073.534px; height: 48px; }
html[lang="en"] .detail-copy-2 { height: 72px; }
html[lang="en"] .detail-copy-3 { top: 707.534px; height: 120px; }
html[lang="en"] .detail-copy-4 { top: 914.534px; height: 96px; }
html[lang="en"] .detail-copy-5 { top: 1097.534px; }
.detail-hero { position: absolute; top: 111.468px; left: 501px; width: 907px; height: 1086.801px; overflow: hidden; }
.detail-hero img { position: absolute; top: -105.732px; left: -28.999px; width: 933.928px; height: 1245.237px; object-fit: cover; }
.detail-shirt { position: absolute; top: 917.7px; left: -65.845px; width: 1020.345px; height: 1360.46px; object-fit: cover; }
.detail-alphabet { position: absolute; top: 1218.78px; left: 976.48px; width: 435.762px; height: 507.374px; object-fit: contain; }
.detail-tag { position: absolute; top: 1728.156px; left: 971px; width: 437px; height: 464.179px; overflow: hidden; }
.detail-tag img { width: 100%; height: 123.48%; object-fit: cover; object-position: top; }

.detail-title, .detail-category { position: absolute; margin: 0; color: #fff; font-size: 0; line-height: 0; }
.type-art { display: block; max-width: none; }
.type-art--mobile, .type-art--en, .type-copy--en { display: none; }
html[lang="en"] .type-art--cs, html[lang="en"] .type-copy--cs { display: none; }
html[lang="en"] .type-art--en, html[lang="en"] .type-copy--en { display: block; }
.graphic-copy { position: absolute; left: 32px; width: 437px; margin: 0; color: #fff; font-family: var(--font-text); font-size: 20px; font-style: normal; font-weight: 400; line-height: normal; letter-spacing: 1px; }
.graphic-copy p { margin: 0; }
.graphic-copy strong { font-family: var(--font-display); font-style: normal; font-weight: 500; }

.popup-title { left: 32.6865px; top: 102.3027px; width: 435px; height: 62px; }
.popup-copy-1 { top: 316.534px; height: 120px; }
.popup-copy-2 { top: 494.534px; height: 96px; }
.popup-copy-3 { left: 32.05px; top: 672.534px; height: 76px; }
.popup-copy-4 { left: 32.05px; top: 827px; height: 48px; }
html[lang="en"] .popup-copy-1 { height: 145px; }
html[lang="en"] .popup-copy-2 { top: 544.732px; height: 97px; }
html[lang="en"] .popup-copy-3 { top: 724.931px; height: 75.636px; }
html[lang="en"] .popup-copy-4 { top: 883.765px; height: 85.576px; }
.popup-citylight { position: absolute; left: 501px; top: 111.468px; width: 909.298px; height: 1089.554px; overflow: hidden; }
.popup-citylight img { position: absolute; left: -443.542px; top: -141.162px; width: 1759.178px; height: 1319.383px; max-width: none; object-fit: cover; }
.popup-social { position: absolute; left: 31.88px; top: 1354.04px; width: 665.721px; height: 888.958px; overflow: hidden; }
.popup-social img { position: absolute; inset: 0 auto auto 0; width: 711.052px; height: 888.958px; max-width: none; }
.popup-tag { position: absolute; left: 697.6px; top: 1355px; width: 710.397px; height: 887.996px; object-fit: cover; }

.architecture-title { left: 28.92px; top: 113.63px; width: 353.738px; height: 135.222px; }
.architecture-title .type-art, .pokoje-title .type-art { width: 100%; height: 100%; }
.architecture-title .type-art--mobile { display: none !important; }
.architecture-copy-1 { left: 32.02px; top: 434.713px; height: 120px; }
.architecture-copy-2 { left: 34.596px; top: 642.988px; height: 96px; }
.architecture-copy-3 { top: 827.263px; height: 120px; }
html[lang="en"] .architecture-title { width: 350.892px; }
html[lang="en"] .architecture-copy-1 { top: 434.109px; height: 144px; }
html[lang="en"] .architecture-copy-2 { left: 32.343px; top: 661.828px; height: 146.91px; }
html[lang="en"] .architecture-copy-3 { top: 892.456px; height: 96px; }
.architecture-invitation { position: absolute; left: 501px; top: 113.652px; width: 438px; height: 328.5px; overflow: hidden; }
.architecture-invitation img { position: absolute; left: -48.782px; top: -55.156px; width: 535.564px; height: 401.673px; max-width: none; object-fit: cover; }
.architecture-card { position: absolute; left: 970.5px; top: 113.652px; width: 438px; height: 328.5px; overflow: hidden; }
.architecture-card img { position: absolute; left: -78.795px; top: -35.524px; width: 599.59px; height: 399.547px; max-width: none; object-fit: cover; }
.architecture-main { position: absolute; left: 472.678px; top: 493.21px; width: 967.322px; height: 634.154px; display: flex; align-items: center; justify-content: center; }
.architecture-main img { width: 919.624px; height: 550.016px; max-width: none; transform: rotate(-5.4deg); object-fit: cover; }
.architecture-scene { position: absolute; left: 501px; top: 709.988px; width: 907px; height: 570.639px; object-fit: cover; }
.architecture-posters { position: absolute; left: 32px; top: 1280.628px; width: 1376px; height: 1074.692px; overflow: hidden; }
.architecture-posters img { position: absolute; left: -54.077px; top: 0; width: 1648.173px; height: 1098.981px; max-width: none; object-fit: cover; }

.pokoje-title { left: 27.6011px; top: 95.7178px; width: 363.561px; height: 81px; }
.pokoje-category { left: 33.6802px; top: 189.1848px; width: max-content; height: max-content; }
html[lang="en"] .pokoje-category { left: 30.8628px; top: 189.8569px; }
.pokoje-copy-1 { left: 32.02px; top: 367.91px; height: 96px; }
.pokoje-copy-2 { top: 548.744px; height: 120px; }
.pokoje-copy-3 { top: 753.578px; height: 96px; }
.pokoje-copy-4 { top: 934.412px; height: 72px; }
.pokoje-copy-5 { top: 1091.246px; height: 72px; }
html[lang="en"] .pokoje-copy-2 { top: 547.677px; height: 144px; }
html[lang="en"] .pokoje-copy-3 { top: 775.443px; height: 120px; }
html[lang="en"] .pokoje-copy-4 { top: 979.209px; height: 72px; }
html[lang="en"] .pokoje-copy-5 { top: 1134.975px; height: 48px; }
.pokoje-cabinet { position: absolute; left: 541.801px; top: 586.389px; width: 792.942px; height: 878.025px; object-fit: cover; }
.pokoje-posters { position: absolute; left: 32.272px; top: 1464.414px; width: 1376px; height: 741.292px; overflow: hidden; }
.pokoje-posters img { position: absolute; left: 0; top: -110.966px; width: 1376px; height: 963.186px; max-width: none; object-fit: cover; }
.pokoje-facebook { position: absolute; left: 381.53px; top: 61.395px; width: 901.48px; height: 652.634px; overflow: hidden; }
.pokoje-facebook img { position: absolute; inset: 0; width: 100%; height: 100%; max-width: none; object-fit: cover; }
.pokoje-phone { position: absolute; left: 889.195px; top: 245.679px; width: 605.927px; height: 1027.6px; overflow: hidden; }
.pokoje-phone img { position: absolute; left: -403.792px; top: 0; width: 1412.428px; height: 1027.6px; max-width: none; object-fit: cover; }
.pokoje-open-call { position: absolute; left: 306.293px; top: 849.578px; width: 603.278px; height: 804.371px; object-fit: cover; }

.detail-video-canvas { height: 1627px; min-height: 100vh; }
#project-esdee-metro .video-title { left: 32.3499px; top: 112.5425px; width: 505px; height: 52px; }
#project-alone-again .video-title { left: 28.6533px; top: 113.4663px; width: 343px; height: 62px; }
.video-title .type-art { width: 100%; height: 100%; }
.video-category { left: 32.3572px; top: 194.8643px; width: max-content; height: max-content; }
html[lang="en"] .video-category { left: 33.7251px; top: 195.5361px; }
.detail-video-frame { position: absolute; overflow: hidden; background: #000; }
.detail-video-frame video { display: block; width: 100%; height: 100%; object-fit: cover; }
.esdee-video-frame { left: 28.773px; top: 356.153px; width: 1382.453px; height: 1037.112px; }
.alone-video-frame { left: 32.045px; top: 425.578px; width: 1379.279px; height: 775.844px; }
.detail-video-play { position: absolute; z-index: 3; left: 50%; top: 50%; width: 109px; height: 109px; padding: 0; border: 0; transform: translate(-50%, -50%); background: transparent; cursor: pointer; transition: transform .25s ease, opacity .25s ease; }
.detail-video-play:hover { transform: translate(-50%, -50%) scale(1.08); }
.detail-video-play img { width: 100%; height: 100%; object-fit: contain; }
.detail-video-frame.is-playing .detail-video-play { opacity: 0; pointer-events: none; }

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation: none !important; transition: none !important; }
  .reveal { opacity: 1; transform: none; }
}

@media (max-width: 767px) {
  html {
    scrollbar-gutter: auto;
    overflow-x: hidden;
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
  }
  body { min-width: 0; overflow-x: hidden; }
  html.has-open-contact, body.has-open-contact, body.has-open-project { overflow: hidden; overscroll-behavior: none; touch-action: none; }

  .page-shell {
    position: absolute;
    left: 0;
    top: 0;
    width: 390px;
    height: 3936px;
    margin: 0;
    transform: scale(var(--mobile-scale, 1));
    transform-origin: left top;
  }

  .desktop-canvas { width: 390px; height: 3936px; }

  .topbar { font-size: 10px; }
  .topbar a, .topbar p, .language, .wordmark { top: 24.615px; }
  .wordmark { left: 17.509px; width: 12.035px; height: 13.639px; }
  .discipline { left: 25.805px; width: 338.391px; color: #868686; }
  .language { left: 329.29px; width: 50px; gap: 5px; }
  .lang-button { font-size: 10px; }
  .nav-contact, .nav-about {
    top: 62.5px !important;
    height: 43.896px;
    color: #868686;
    font-size: 15px;
  }
  .nav-contact { left: 142.738px; width: 104.525px; color: #fff; text-align: center; }
  .nav-about { display: none; }

  .hero-person {
    z-index: 3;
    left: 63.771px;
    top: 305.24px;
    width: 262.657px;
    height: 350.334px;
  }

  .hero-title {
    top: 456.725px;
    width: 390px;
    height: 117px;
    font-family: var(--font-text);
    font-size: 48px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -2.4px;
  }
  .hero-title span { width: 270.178px; }
  .hero-name-first { left: -54.029px; height: 117px; }
  .hero-name-last { left: 163.591px; height: 117px; }

  .about-anchor { top: 620px; }
  .about-photo-left { display: none; }
  .about-photo-right {
    z-index: 1;
    left: 20.19px;
    top: 106.398px;
    width: 349.81px;
    height: 347.256px;
  }
  .about-photo-right img {
    left: 0;
    top: -119.14px;
    width: 349.81px;
    height: 466.396px;
    object-fit: cover;
  }

  .about-text { font-size: 10px; letter-spacing: .5px; }
  .about-text-one { left: 20px; top: 636.64px; width: 370px; }
  .about-text-two { left: 101.95px; top: 690.23px; width: 620.641px; }
  .about-text-three { left: 20px; top: 757.76px; width: 661.238px; }
  html[lang="en"] .about-text-one { left: 20px; width: 298.332px; }
  html[lang="en"] .about-text-two { left: 157.88px; width: 233.707px; }
  html[lang="en"] .about-text-three { left: 20px; width: 330.049px; }

  .project {
    left: 20.026px;
    width: 349.974px;
    height: 456.28px;
  }
  .project-1 { top: 858.97px; }
  .project-2 { top: 1315.25px; }
  .project-3 { top: 1771.53px; }
  .project-4 { top: 2227.81px; }
  .project-5 { top: 2684.09px; }
  .project-6 { top: 3140.37px; }

  .project-image { width: 349.974px; height: 419.352px; }
  .project-1 .project-image img { left: -55.128px; top: -75.213px; width: 409.251px; height: 545.667px; }
  .project-2 .project-image img { left: -16.563px; top: -76.909px; width: 458.535px; height: 573.168px; }
  .project-3 .project-artwork { left: -.026px; top: -27.126px; width: 669.632px; height: 446.477px; }
  .project-3 .project-artwork img { left: -5.67%; top: 0; width: 123.42%; height: 123.42%; }
  .project-4 .project-image img { left: -24.956px; top: -24.425px; width: 374.528px; height: 468.202px; }
  .project-5 .project-preview-video {
    inset: 0;
    width: 349.974px;
    height: 419.352px;
    object-fit: cover;
    object-position: 50% 50%;
  }
  .project-6 .project-preview-video {
    inset: 0;
    width: 349.974px;
    height: 419.352px;
    object-fit: cover;
    object-position: 50% 50%;
  }

  .project-meta { width: 349.974px; height: 34.425px; font-size: 10px; }
  .project-meta h3, .project-meta p, .project-meta time {
    top: 2.498px !important;
    height: 34.425px;
    font-size: 10px;
  }
  .project-meta h3 { left: 0 !important; width: 162.335px; }
  .project-meta p { left: 93.807px !important; width: 162.335px; }
  .project-meta time { left: 325.144px !important; width: 53.665px; }

  .contact-anchor { top: 3650px; }
  .meeting-link {
    left: 70.853px;
    top: 3765.24px;
    width: 248.294px;
    height: 40.578px;
    display: grid;
    place-items: center;
    padding: 0;
    border-width: 2px;
    border-radius: 42px;
    font-size: 20px;
    line-height: 25.766px;
    letter-spacing: -1px;
  }
  html[lang="en"] .meeting-link {
    left: 113.146px;
    top: 3768.916px;
    width: 163.707px;
    height: 33.225px;
    line-height: 25.69px;
  }

  footer { left: 0; top: 0; width: 390px; height: 3936px; font-size: 10px; }
  .copyright { left: 20.026px; top: 3903.428px; width: 190px; }
  .instagram {
    left: 157.591px;
    top: 3657.144px;
    width: 74.819px;
    text-transform: uppercase;
    text-align: center;
  }
  .back-top { left: 333.12px; top: 3903.428px; width: 42.738px; }
  html[lang="en"] .back-top { left: 316.397px; width: 69.879px; }
  .topbar a::after, footer a::after { bottom: -2px; }

  .contact-modal {
    width: 100vw;
    height: 100vh;
    height: 100svh;
    min-width: 0;
    padding: 20px;
  }
  .contact-modal__panel {
    width: min(349.974px, calc(100vw - 40px));
    height: 497.64px;
    max-height: calc(100vh - 40px);
    max-height: calc(100svh - 40px);
    border-width: 1px;
  }
  .contact-modal__logo { left: 23.434px; top: 10.862px; width: 11.963px; height: 13.557px; }
  .contact-modal__discipline {
    left: 8.284px;
    top: 10.862px;
    width: calc(100% - 16.568px);
    height: 43.896px;
    font-size: 12px;
  }
  .contact-modal__close { right: 6px; top: 1px; width: 38px; height: 38px; padding: 13.7px 14px 14.3px; }
  .contact-modal__close img { width: 9.797px; height: 9.482px; }

  .contact-field {
    left: 23.434px;
    width: calc(100% - 48.242px);
    font-size: 10px;
  }
  .contact-field input, .contact-field textarea {
    font-size: 16px;
    transform: scale(.625);
    transform-origin: left top;
  }
  .contact-field--name { top: 131.367px; height: 23.277px; }
  .contact-field--email { top: 197.057px; height: 24.029px; }
  .contact-field--name input, .contact-field--email input,
  html[lang="en"] .contact-field--name input,
  html[lang="en"] .contact-field--email input {
    left: 56.463px;
    top: -7px;
    width: calc(160% - 90.3408px);
    height: 28.8px;
    padding: 0;
    border-bottom: 0;
    line-height: 27.2px;
  }
  .contact-field--name::after,
  .contact-field--email::after {
    position: absolute;
    left: 56.463px;
    top: 11px;
    width: calc(100% - 56.463px);
    height: 1px;
    background: #fff;
    content: "";
    pointer-events: none;
  }
  .contact-field--message { top: 282.708px; height: 125.428px; }
  .contact-field--message textarea,
  html[lang="en"] .contact-field--message textarea {
    left: 0;
    top: -20px;
    width: 160%;
    height: 217.6px;
    font-size: 16px;
    line-height: 82.3424px;
    text-indent: 87.3536px;
  }
  .contact-message-line--one,
  html[lang="en"] .contact-message-line--one {
    left: 54.596px;
    top: 11.756px;
    width: calc(100% - 54.596px);
  }
  .contact-message-line--two { left: 0; top: 62.72px; width: 100%; }
  .contact-message-line--three { left: 0; top: 114.184px; width: 100%; }
  .contact-submit {
    left: 50%;
    top: 438.548px;
    width: 81.114px;
    height: 29.816px;
    display: grid;
    place-items: center;
    padding: 0;
    transform: translateX(-50%);
    font-size: 20px;
    line-height: 27.686px;
    letter-spacing: -1px;
  }
  html[lang="en"] .contact-submit { width: 65.397px; }

  .contact-success,
  html[lang="en"] .contact-success {
    left: calc(50% + 5.81px);
    top: 206.82px;
    width: 183.509px;
    height: 77.215px;
    transform: translate(-50%, 10px);
  }
  .contact-success p,
  html[lang="en"] .contact-success p {
    width: 383.614px;
    font-size: 20px;
    line-height: 92.12%;
    letter-spacing: -1px;
  }
  .contact-modal__panel.is-success .contact-success { transform: translate(-50%, 0); }

  .project-overlay { min-width: 0; overflow-x: hidden; scrollbar-width: none; }
  .project-overlay::-webkit-scrollbar { width: 0; height: 0; }
  .project-detail-canvas {
    width: 390px;
    margin: 0;
    zoom: var(--mobile-scale, 1);
  }
  #project-spisovatel .project-detail-canvas { height: 2210.334px; }
  #project-popup-stendr .project-detail-canvas { height: 1937.385px; }
  #project-architektura-vsem .project-detail-canvas { height: 1754px; }
  #project-pokoje .project-detail-canvas { height: 2166px; }
  #project-esdee-metro .project-detail-canvas { height: 767.143px; min-height: 767.143px; }
  #project-alone-again .project-detail-canvas { height: 767px; min-height: 767px; }

  .project-detail-header {
    left: 0;
    width: 390px;
    height: 61px;
    transform: none;
  }
  .detail-site-logo { left: 17.51px; top: 24.62px; width: 12.035px; height: 13.639px; }
  .project-detail-header > p {
    left: 25.805px;
    top: 24.62px;
    width: 338.391px;
    height: 43.896px;
    color: #6e6e6e;
    font-size: 10px;
  }
  .project-close { right: 6px; top: 15px; width: 28px; height: 28px; padding: 9px; }
  .project-close img { width: 10px; height: 10px; }
  .project-detail-language { display: none; }
  .project-detail-header .project-close { right: 7px; }

  .detail-copy, .graphic-copy {
    left: 20px;
    width: 350px;
    height: auto;
    font-size: 10px;
    line-height: normal;
    letter-spacing: .5px;
  }

  /* Underlined / Spisovatel */
  .underlined-logo { left: 5.537px; top: 62.95px; width: 378.926px; height: 168.452px; }
  .detail-hero { left: 20.03px; top: 214.84px; width: 349.974px; height: 419.351px; }
  .detail-hero img { left: -55.128px; top: -75.213px; width: 409.251px; height: 545.667px; }
  .detail-copy-1 { left: 20px; top: 673.68px; width: 349.974px; height: 36px; }
  .detail-copy-2 { left: 20px; top: 758.18px; width: 341.843px; height: 12px; }
  .detail-copy-3, html[lang="en"] .detail-copy-3 { left: 20px; top: 818.68px; width: 348.966px; height: 36px; }
  .detail-copy-4, html[lang="en"] .detail-copy-4 { left: 20px; top: 903.18px; width: 346.474px; height: 36px; }
  .detail-copy-5, html[lang="en"] .detail-copy-5 { left: 20px; top: 987.68px; width: 310.662px; height: 12px; }
  html[lang="en"] .detail-copy-1 { height: 48px; }
  html[lang="en"] .detail-copy-2 { top: 763.43px; width: 349.974px; height: 24px; }
  html[lang="en"] .detail-copy-3 { top: 829.19px; }
  html[lang="en"] .detail-copy-4 { top: 906.94px; }
  html[lang="en"] .detail-copy-5 { top: 985.05px; }
  html[lang="en"] .detail-copy-5 { width: 325.445px; }
  .detail-alphabet { left: 16.93px; top: 1039.16px; width: 356.171px; height: 414.704px; }
  .detail-tag { z-index: 1; left: 16.93px; top: 1483.84px; width: 353.072px; height: 370.178px; }
  .detail-tag img { position: absolute; left: 0; top: -1.31%; width: 100%; height: 125.1%; max-width: none; object-fit: fill; }
  .detail-shirt { z-index: 2; left: -13.78px; top: 1699.63px; width: 403.777px; height: 538.369px; }

  /* POP UP Štendr */
  .popup-title { left: 15.918px; top: 85.3469px; width: 356px; height: 50px; }
  .popup-citylight { left: 18.703px; top: 214.5px; width: 352.585px; height: 419.629px; }
  .popup-citylight img { left: -170.833px; top: -55.229px; width: 679.825px; height: 509.869px; }
  .popup-copy-1 { left: 17.12px; top: 672.84px; width: 348.58px; height: 36px; }
  .popup-copy-2 { left: 17.99px; top: 759.09px; width: 347.708px; height: 36px; }
  .popup-copy-3 { left: 17.12px; top: 845.34px; width: 352.214px; height: 23.919px; }
  .popup-copy-4 { left: 17.99px; top: 919.51px; width: 352.585px; height: 24px; }
  html[lang="en"] .popup-copy-1 { top: 672.84px; height: 36px; }
  html[lang="en"] .popup-copy-2 { top: 757.82px; height: 36px; }
  html[lang="en"] .popup-copy-3 { top: 842.8px; height: 23.919px; }
  html[lang="en"] .popup-copy-4 { top: 917.04px; height: 24px; }
  .popup-social { left: 18.61px; top: 982.22px; width: 351.342px; height: 469.159px; }
  .popup-social img { left: 0; top: 0; width: 106.81%; height: 100%; max-width: none; object-fit: fill; }
  .popup-tag { left: 18.61px; top: 1450.38px; width: 351.426px; height: 439.282px; }

  /* Architektura VŠEM */
  .architecture-title { left: 18.37px; top: 85.7px; width: 353.738px; height: 133.931px; }
  html[lang="en"] .architecture-title { width: 351.491px; }
  .architecture-title .type-art--desktop { display: none !important; }
  .architecture-title .type-art--mobile.type-art--cs { display: block !important; }
  html[lang="en"] .architecture-title .type-art--mobile.type-art--cs { display: none !important; }
  html[lang="en"] .architecture-title .type-art--mobile.type-art--en { display: block !important; }
  .architecture-main { left: 9.51px; top: 287.96px; width: 370.974px; height: 243.202px; }
  .architecture-main img { width: 352.682px; height: 210.935px; }
  .architecture-scene { left: 20.38px; top: 414.29px; width: 349.418px; height: 219.836px; }
  .architecture-copy-1 { left: 20px; top: 673.04px; width: 350px; height: 36px; }
  .architecture-copy-2 { left: 20px; top: 757px; width: 350px; height: 36px; }
  .architecture-copy-3 { left: 20.38px; top: 840.97px; width: 345.837px; height: 36px; }
  html[lang="en"] .architecture-main { top: 244.76px; }
  html[lang="en"] .architecture-scene { top: 371.1px; }
  html[lang="en"] .architecture-copy-1 { left: 20px; top: 633.32px; width: 350px; height: 48px; }
  html[lang="en"] .architecture-copy-2 { left: 20px; top: 730.52px; width: 350px; height: 48px; }
  html[lang="en"] .architecture-copy-3 { left: 20.38px; top: 827.72px; width: 345.837px; height: 36px; }
  .architecture-invitation { left: 20px; top: 915.88px; width: 349.979px; height: 262.485px; }
  .architecture-invitation img { left: -38.979px; top: -44.072px; width: 427.937px; height: 320.953px; }
  .architecture-card { left: 20.04px; top: 1178.36px; width: 349.946px; height: 262.46px; }
  .architecture-card img { left: -62.954px; top: -28.382px; width: 479.051px; height: 319.224px; }
  .architecture-posters { left: 20.04px; top: 1440.82px; width: 349.937px; height: 273.31px; }
  .architecture-posters img { left: -3.93%; top: 0; width: 119.78%; height: 102.26%; max-width: none; object-fit: fill; }

  /* Pokoje */
  .pokoje-title { left: 13.2197px; top: 69.9101px; width: 363.561px; height: 81px; }
  .pokoje-category { left: 19.2979px; top: 163.3772px; width: max-content; height: max-content; }
  html[lang="en"] .pokoje-category { left: 17.9541px; top: 170.9397px; }
  .pokoje-open-call { z-index: 1; left: -95.86px; top: 244.57px; width: 557.703px; height: 743.604px; }
  .pokoje-phone { z-index: 2; left: 82.01px; top: 192.8px; width: 338.892px; height: 574.733px; }
  .pokoje-phone img { left: -66.64%; top: 0; width: 233.12%; height: 100%; max-width: none; object-fit: fill; }
  .pokoje-copy-1 { left: 20px; top: 887.64px; width: 350px; height: 36px; }
  .pokoje-copy-2, html[lang="en"] .pokoje-copy-2 { left: 20px; top: 972.82px; width: 350px; height: 36px; }
  .pokoje-copy-3, html[lang="en"] .pokoje-copy-3 { left: 20px; top: 1058px; width: 350px; height: 36px; }
  .pokoje-copy-4, html[lang="en"] .pokoje-copy-4 { left: 20px; top: 1143.18px; width: 351.041px; height: 24px; }
  .pokoje-copy-5, html[lang="en"] .pokoje-copy-5 { left: 20px; top: 1216.36px; width: 351.041px; height: 12px; }
  html[lang="en"] .pokoje-copy-1 { top: 887.64px; height: 36px; }
  html[lang="en"] .pokoje-copy-2 { top: 972.82px; height: 48px; }
  html[lang="en"] .pokoje-copy-3 { top: 1070px; height: 36px; }
  html[lang="en"] .pokoje-copy-4 { top: 1155.18px; }
  html[lang="en"] .pokoje-copy-5 { top: 1228.36px; }
  .pokoje-facebook { left: 20px; top: 1277.54px; width: 350px; height: 292.505px; }
  .pokoje-facebook img { left: -18%; top: -8.84%; width: 136.13%; height: 117.93%; max-width: none; object-fit: fill; }
  .pokoje-cabinet { left: 26.84px; top: 1512.97px; width: 374.392px; height: 414.564px; }
  .pokoje-posters { left: 20px; top: 1851.55px; width: 350px; height: 270.12px; }
  .pokoje-posters img { left: -38.11%; top: -30.94%; width: 176.21%; height: 159.82%; max-width: none; object-fit: fill; }

  /* Video projects */
  #project-esdee-metro .video-title { left: 17.1719px; top: 79.9333px; width: 352px; height: 36px; }
  #project-alone-again .video-title { left: 17.4082px; top: 85.6973px; width: 343px; height: 62px; }
  #project-esdee-metro .video-category { left: 17.8203px; top: 134.4618px; width: max-content; height: max-content; }
  #project-alone-again .video-category { left: 17.8203px; top: 150.1894px; width: max-content; height: max-content; }
  html[lang="en"] #project-esdee-metro .video-category { left: 19.1885px; top: 135.1338px; }
  html[lang="en"] #project-alone-again .video-category { left: 19.1885px; top: 150.8614px; }
  .detail-video-frame { background: #000; }
  .esdee-video-frame { left: 10.04px; top: 310.45px; width: 368.337px; height: 276.253px; }
  .esdee-video-frame video { position: absolute; left: 7.361px; top: 5.485px; width: 353.617px; height: 265.282px; max-width: none; object-fit: cover; }
  .alone-video-frame { left: 17.51px; top: 348.23px; width: 352.759px; height: 198.427px; }
  .alone-video-frame video { position: absolute; left: 0; top: -.875px; width: 352.759px; height: 200.176px; max-width: none; object-fit: cover; }
  .type-art--desktop { display: none !important; }
  .type-art--mobile:not(.type-art--en) { display: block; }
  html[lang="en"] .type-art--mobile.type-art--en { display: block; }
  .detail-video-play { width: 18.417px; height: 18.417px; overflow: visible; }
  .detail-video-play img { position: absolute; left: -100.45%; top: -78.73%; width: 300.9%; height: 300.9%; max-width: none; }

  /* The close control remains visible without moving the language switcher. */
  .project-detail-language { padding-right: 13px; }
  .project-close { z-index: 4; }
}

@media (min-width: 768px) and (max-width: 1439px) {
  html { scrollbar-gutter: auto; overflow-x: hidden; }
  body { min-width: 0; overflow-x: hidden; }
  .page-shell {
    margin: 0;
    zoom: var(--desktop-scale, 1);
  }
  .project-overlay { min-width: 0; }
  .project-detail-canvas { margin: 0; zoom: var(--desktop-scale, 1); }
  .project-detail-header { left: 0; transform: none; }
  .contact-modal { min-width: 0; }
}