/* a5e90121df0fd28a */
@font-face { font-family: "IBM Plex Mono"; font-style: normal; font-weight: 400; font-display: swap; src: url(/templates/podhozhu/assets/font-ibm-plex-mono-400-cyrillic-ext.woff2) format("woff2"); unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } @font-face { font-family: "IBM Plex Mono"; font-style: normal; font-weight: 400; font-display: swap; src: url(/templates/podhozhu/assets/font-ibm-plex-mono-400-cyrillic.woff2) format("woff2"); unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116; } @font-face { font-family: "IBM Plex Mono"; font-style: normal; font-weight: 400; font-display: swap; src: url(/templates/podhozhu/assets/font-ibm-plex-mono-400-vietnamese.woff2) format("woff2"); unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB; } @font-face { font-family: "IBM Plex Mono"; font-style: normal; font-weight: 400; font-display: swap; src: url(/templates/podhozhu/assets/font-ibm-plex-mono-400-latin-ext.woff2) format("woff2"); unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: "IBM Plex Mono"; font-style: normal; font-weight: 400; font-display: swap; src: url(/templates/podhozhu/assets/font-ibm-plex-mono-400-latin.woff2) format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: "IBM Plex Mono"; font-style: normal; font-weight: 500; font-display: swap; src: url(/templates/podhozhu/assets/font-ibm-plex-mono-500-cyrillic-ext.woff2) format("woff2"); unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } @font-face { font-family: "IBM Plex Mono"; font-style: normal; font-weight: 500; font-display: swap; src: url(/templates/podhozhu/assets/font-ibm-plex-mono-500-cyrillic.woff2) format("woff2"); unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116; } @font-face { font-family: "IBM Plex Mono"; font-style: normal; font-weight: 500; font-display: swap; src: url(/templates/podhozhu/assets/font-ibm-plex-mono-500-vietnamese.woff2) format("woff2"); unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB; } @font-face { font-family: "IBM Plex Mono"; font-style: normal; font-weight: 500; font-display: swap; src: url(/templates/podhozhu/assets/font-ibm-plex-mono-500-latin-ext.woff2) format("woff2"); unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: "IBM Plex Mono"; font-style: normal; font-weight: 500; font-display: swap; src: url(/templates/podhozhu/assets/font-ibm-plex-mono-500-latin.woff2) format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: "JetBrains Mono"; font-style: normal; font-weight: 500; font-display: swap; src: url(/templates/podhozhu/assets/font-jetbrains-mono-500-cyrillic-ext.woff2) format("woff2"); unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } @font-face { font-family: "JetBrains Mono"; font-style: normal; font-weight: 500; font-display: swap; src: url(/templates/podhozhu/assets/font-jetbrains-mono-500-cyrillic.woff2) format("woff2"); unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116; } @font-face { font-family: "JetBrains Mono"; font-style: normal; font-weight: 500; font-display: swap; src: url(/templates/podhozhu/assets/font-jetbrains-mono-500-greek.woff2) format("woff2"); unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF; } @font-face { font-family: "JetBrains Mono"; font-style: normal; font-weight: 500; font-display: swap; src: url(/templates/podhozhu/assets/font-jetbrains-mono-500-vietnamese.woff2) format("woff2"); unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB; } @font-face { font-family: "JetBrains Mono"; font-style: normal; font-weight: 500; font-display: swap; src: url(/templates/podhozhu/assets/font-jetbrains-mono-500-latin-ext.woff2) format("woff2"); unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: "JetBrains Mono"; font-style: normal; font-weight: 500; font-display: swap; src: url(/templates/podhozhu/assets/font-jetbrains-mono-500-latin.woff2) format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
:root { --ink: #141414; --muted: #6f6a64; --paper: #fff; } * { box-sizing: border-box; } html { scroll-behavior: smooth; } body.interior-page { margin: 0; background: var(--paper); color: var(--ink); font-family: "IBM Plex Mono",monospace; font-weight: 400; } .interior-page p,.interior-page h1,.interior-page h2 { margin: 0; } .interior-page a { color: inherit; text-decoration: none; } .interior-page button,.interior-page input,.interior-page textarea,.interior-page select { font: inherit; color: inherit; border-radius: 0; } .interior-page button { border: 0; background: transparent; text-align: left; cursor: pointer; } .interior-page button:focus-visible,.interior-page a:focus-visible,.interior-page input:focus-visible,.interior-page textarea:focus-visible,.interior-page select:focus-visible { outline: 2px solid #6f6a64; outline-offset: 5px; } .interior-page [hidden] { display: none !important; } .interior-page [data-block^="Card /"] { max-width: none; transition: opacity .15s; } .interior-page a[data-block^="Card /"]:hover { opacity: .78; } .interior-page [aria-pressed=true] { color: #141414; text-decoration: underline; text-underline-offset: 5px; } .interior-page [data-block="Trade CTA"] a,.interior-page [data-block="Project CTA"] a { text-decoration: underline; text-underline-offset: 6px; } .interior-page [data-block="Breadcrumbs"] { font-size: 10px; } .interior-page [data-block="Breadcrumbs"] a:hover { text-decoration: underline; } .interior-page [data-block="Button / Primary"] { cursor: pointer; justify-content: center; } .interior-page .empty-list { padding: 30px 40px; font-size: 12px; color: #6f6a64; } .interior-page .podhozhu-header.header { height: 80px; padding: 24px 40px; border-bottom: 1px solid #dedad3; } .interior-page .header-divider { display: none; } .interior-page .podhozhu-footer.footer { min-height: 130px; height: auto; padding: 36px 40px; } .interior-page .footer-brand,.interior-page .footer-city { font-size: 11px; } .interior-page .footer-description,.interior-page .footer-website,.interior-page .footer-links { font-size: 10px; } .native-filter { font-size: 10px; border: 1px solid #dedad3; display: flex; padding: 13px 14px; } .interior-page select { border: 0; background: transparent; font-size: 10px; cursor: pointer; max-width: 100%; } .interior-page [data-block="Section Chips"] { flex-wrap: wrap; } .interior-page .request-field { position: relative; display: flex; flex-direction: column; gap: 10px; min-height: 72px; width: 100%; font-size: 10px; } .interior-page .request-field input,.interior-page .request-field textarea { width: 100%; min-height: 35px; padding: 0; border: 0; border-bottom: 1px solid #bdb7ae; background: transparent; font-size: 15px; line-height: 1.45; resize: vertical; } .interior-page .request-field textarea { height: 40px; } .interior-page .request-field [data-block="Line"] { display: none; } .interior-page .request-consent { display: flex; gap: 10px; align-items: flex-start; font-size: 10px; line-height: 1.5; } .interior-page .request-consent input { appearance: none; flex: 0 0 14px; width: 14px; height: 14px; margin: 0; border: 1px solid #918a80; background: transparent; cursor: pointer; } .interior-page .request-consent input:checked { background: #141414; box-shadow: inset 0 0 0 3px #fff; } .interior-page .request-consent a { text-decoration: underline; } .interior-page .request-consent > :not(input) { min-width: 0; flex: 1 1 0; overflow-wrap: anywhere; } .interior-page .form-hidden:empty { display: none; } .interior-page .form-hidden { display: none; } .interior-page .request-captcha:empty { display: none; } .interior-page .request-captcha label { display: flex; flex-direction: column; gap: 12px; font-size: 10px; } .interior-page .request-captcha img { width: 150px; height: 60px; object-fit: contain; } .interior-page .request-captcha input { border: 1px solid #bdb7ae; padding: 8px; } .interior-page .cms-content { line-height: 1.7; max-width: 100%; } .interior-page .cms-content p { margin: 0 0 1.4em; } .interior-page .cms-content img { max-width: 100%; height: auto; } .legal-content { padding: 60px 40px 100px; max-width: 1080px; } .legal-content h1 { font-size: 44px; margin: 24px 0 40px !important; overflow-wrap: anywhere; } .request-overlay { position: fixed; inset: 0; z-index: 1000; background: rgba(38,34,30,.38); overflow: auto; display: flex; align-items: flex-start; justify-content: center; padding: 75px 20px; } .request-dialog { width: 780px; max-width: 100%; min-height: 850px; background: #fff; padding: 24px 28px 28px; display: flex; flex-direction: column; gap: 22px; outline: none; } .request-dialog-header { display: flex; align-items: center; justify-content: space-between; min-height: 42px; font-size: 10.5px; } .request-dialog-header button { font-size: 24px; padding: 8px; } .request-dialog h2 { font-size: 28px; line-height: 1.15; } .request-note { font-size: 10.5px; line-height: 1.6; color: #6f6a64; } .request-dialog-body { display: flex; gap: 28px; align-items: flex-start; } .request-selected { width: 210px; flex: none; display: flex; flex-direction: column; gap: 16px; } .request-selected-photo { height: 240px; background: #e8e5df; display: flex; flex-direction: column; justify-content: space-between; padding: 14px; font-size: 9px; color: #6f6a64; } .request-selected-photo p:last-child { font-size: 28px; color: #918a80; } .request-selected-copy { display: flex; flex-direction: column; gap: 12px; font-size: 9px; } .request-selected-copy .request-selected-title { font-size: 20px; line-height: 1.2; } .request-selected-copy label { display: flex; align-items: center; gap: 12px; } .request-selected-copy input { width: 50px; padding: 4px; border: 1px solid #dedad3; } .request-selected-copy button { font-size: 10px; padding: 0; } .request-dialog form { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 16px; } .interior-page .request-submit { padding: 18px 14px; background: #141414; color: #fff; font-size: 10px; text-align: center; cursor: pointer; width: 100%; } .request-required { font-size: 9px; color: #6f6a64; } .request-success { width: 600px; min-height: 500px; padding: 32px 36px; gap: 22px; align-self: center; } .request-success h2 { font-size: 40px; } .request-success>p { font-size: 15px; line-height: 1.55; max-width: 480px; } .success-selected { display: flex; gap: 20px; align-items: center; margin: 8px 0; font-size: 15px; } .success-photo { width: 92px; height: 108px; flex: none; background: #e8e5df; color: #918a80; font-size: 12px; display: flex; align-items: flex-end; padding: 12px; } .success-selected .request-note { margin-top: 10px; } .request-success .request-submit { margin-top: auto; } .request-is-open { overflow: hidden; } @media (min-width:1600px) { .interior-page .podhozhu-header.header { padding-left: 80px; padding-right: 80px; } .interior-page .podhozhu-footer.footer { padding-left: 80px; padding-right: 80px; } } @media (max-width:1199px) { .interior-page .header-nav { display: none; } .interior-page .header-menu-button { display: block; } } @media (max-width:900px) { .interior-page .podhozhu-header.header { padding: 24px 32px; } .interior-page .podhozhu-footer.footer { padding: 32px; min-height: 110px; } .request-overlay { padding: 40px 20px; } .request-dialog { width: 680px; } .request-dialog-body { gap: 22px; } .request-selected { width: 170px; } .request-selected-photo { height: 220px; } } @media (max-width:600px) { .interior-page .podhozhu-header.header { padding: 24px 18px; } .interior-page .podhozhu-footer.footer { padding: 30px 18px; min-height: 220px; justify-content: flex-start; } .interior-page .empty-list { padding: 24px 18px; } .interior-page [data-block="Filters"],.interior-page [data-block="Categories"] { flex-wrap: wrap; } .interior-page .request-field input,.interior-page .request-field textarea { font-size: 16px; } .request-overlay { padding: 0; background: #fff; } .request-dialog { width: 100%; min-height: 100vh; padding: 28px 22px; gap: 24px; } .request-dialog-body { flex-direction: column; gap: 28px; width: 100%; } .request-selected { width: 100%; flex-direction: row; gap: 18px; } .request-selected-photo { width: 94px; height: 148px; flex: none; padding: 10px; font-size: 8px; } .request-selected-photo p:last-child { font-size: 18px; } .request-selected-copy { flex: 1; gap: 12px; } .request-selected-copy .request-selected-title { font-size: 18px; } .request-dialog form { width: 100%; gap: 22px; } .request-success { min-height: 760px; padding: 28px 22px; } .request-success h2 { font-size: 36px; } .request-success>p { font-size: 14px; } .legal-content { padding: 42px 18px 60px; } .legal-content h1 { font-size: 28px; } }
.interior-page .project__page { min-width: 0; max-width: 100%; flex: none; display: flex; flex-direction: column; align-items: flex-start; position: relative; background: #fff; } .interior-page .project__intro { min-width: 0; max-width: 100%; flex: none; display: flex; flex-direction: column; align-items: flex-start; position: relative; gap: 24px; padding-left: 40px; padding-right: 40px; padding-top: 42px; padding-bottom: 42px; width: 100%; } .interior-page .project__breadcrumbs { min-width: 0; max-width: 100%; flex: none; white-space: normal; font-style: normal; position: relative; color: #5e5a55; font-family: "IBM Plex Mono",monospace; font-weight: 500; font-size: 10.5px; letter-spacing: 0.42px; line-height: 1.4; } .interior-page .project__title { min-width: 0; max-width: 760px; flex: none; white-space: normal; font-style: normal; position: relative; color: #1d1b18; font-family: "IBM Plex Mono",monospace; font-weight: 500; font-size: 64px; letter-spacing: -1.28px; line-height: 1.05; width: 100%; } .interior-page .project__lead { min-width: 0; max-width: 760px; flex: none; white-space: normal; font-style: normal; position: relative; color: #5e5a55; font-family: "IBM Plex Mono",monospace; font-weight: 400; font-size: 15px; line-height: 1.55; width: 100%; } .interior-page .project__details { min-width: 0; max-width: 100%; flex: none; display: flex; flex-direction: column; align-items: flex-start; position: relative; } .interior-page .project__meta-type { min-width: 0; max-width: 620px; flex: none; display: flex; flex-direction: row; align-items: center; justify-content: space-between; font-style: normal; position: relative; font-family: "IBM Plex Mono",monospace; font-weight: 500; font-size: 10.5px; letter-spacing: 0.42px; height: 44px; line-height: 1.4; width: 100%; } .interior-page .project__type-label { min-width: 0; max-width: 100%; flex: none; white-space: normal; position: relative; color: #5e5a55; } .interior-page .project__space { min-width: 0; max-width: 100%; flex: none; white-space: normal; position: relative; color: #1d1b18; } .interior-page .project__meta-type-divider { min-width: 0; max-width: 620px; flex: none; position: relative; height: 1px; background: #d9d6d1; width: 100%; } .interior-page .project__meta-location { min-width: 0; max-width: 620px; flex: none; display: flex; flex-direction: row; align-items: center; justify-content: space-between; font-style: normal; position: relative; font-family: "IBM Plex Mono",monospace; font-weight: 500; font-size: 10.5px; letter-spacing: 0.42px; height: 44px; line-height: 1.4; width: 100%; } .interior-page .project__city-label { min-width: 0; max-width: 100%; flex: none; white-space: normal; position: relative; color: #5e5a55; } .interior-page .project__city { min-width: 0; max-width: 100%; flex: none; white-space: normal; position: relative; color: #1d1b18; } .interior-page .project__meta-location-divider { min-width: 0; max-width: 620px; flex: none; position: relative; height: 1px; background: #d9d6d1; width: 100%; } .interior-page .project__meta-year { min-width: 0; max-width: 620px; flex: none; display: flex; flex-direction: row; align-items: center; justify-content: space-between; font-style: normal; position: relative; font-family: "IBM Plex Mono",monospace; font-weight: 500; font-size: 10.5px; letter-spacing: 0.42px; height: 44px; line-height: 1.4; width: 100%; } .interior-page .project__year-label { min-width: 0; max-width: 100%; flex: none; white-space: normal; position: relative; color: #5e5a55; } .interior-page .project__year { min-width: 0; max-width: 100%; flex: none; white-space: normal; position: relative; color: #1d1b18; } .interior-page .project__meta-year-divider { min-width: 0; max-width: 620px; flex: none; position: relative; height: 1px; background: #d9d6d1; width: 100%; } .interior-page .project__meta-credit { min-width: 0; max-width: 620px; flex: none; display: flex; flex-direction: row; align-items: center; justify-content: space-between; font-style: normal; position: relative; font-family: "IBM Plex Mono",monospace; font-weight: 500; font-size: 10.5px; letter-spacing: 0.42px; height: 44px; line-height: 1.4; width: 100%; } .interior-page .project__credit-label { min-width: 0; max-width: 100%; flex: none; white-space: normal; position: relative; color: #5e5a55; } .interior-page .project__credit-value { min-width: 0; max-width: 100%; flex: none; white-space: normal; position: relative; color: #1d1b18; } .interior-page .project__page-cover { min-width: 0; max-width: 100%; flex: none; display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; font-style: normal; position: relative; background: #f5f3ef; color: #5e5a55; font-family: "IBM Plex Mono",monospace; font-weight: 500; font-size: 10.5px; letter-spacing: 0.42px; height: 680px; line-height: 1.4; padding: 16px; width: 100%; } .interior-page .project__cover-caption { min-width: 0; max-width: 100%; flex: none; white-space: normal; position: relative; } .interior-page .project__hero-project-photo-placeholder { min-width: 0; max-width: 100%; flex: none; white-space: normal; position: relative; } .interior-page .project__story { min-width: 0; max-width: 100%; flex: none; display: flex; flex-direction: column; align-items: flex-start; font-style: normal; position: relative; gap: 24px; padding-left: 40px; padding-right: 40px; padding-top: 64px; padding-bottom: 64px; width: 100%; } .interior-page .project__story-eyebrow { min-width: 0; max-width: 100%; flex: none; white-space: normal; position: relative; color: #5e5a55; font-family: "IBM Plex Mono",monospace; font-weight: 500; font-size: 10.5px; letter-spacing: 0.42px; line-height: 1.4; } .interior-page .project__story-heading { min-width: 0; max-width: 1360px; flex: none; white-space: normal; position: relative; color: #1d1b18; font-family: "IBM Plex Mono",monospace; font-weight: 500; font-size: 40px; letter-spacing: -0.52px; line-height: 1.1; width: 100%; } .interior-page .project__story-text { min-width: 0; max-width: 820px; flex: none; white-space: normal; position: relative; color: #5e5a55; font-family: "IBM Plex Mono",monospace; font-weight: 400; font-size: 15px; line-height: 1.55; width: 100%; } .interior-page .project__gallery-pair { min-width: 0; max-width: 100%; flex: none; display: flex; flex-direction: row; align-items: flex-start; position: relative; color: #5e5a55; font-family: "IBM Plex Mono",monospace; font-weight: 500; font-size: 10.5px; letter-spacing: 0.42px; gap: 20px; line-height: 1.4; } .interior-page .project__page-gallery-1 { min-width: 0; max-width: 100%; flex: 1 1 49.2647%; display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; position: relative; background: #f5f3ef; height: 440px; padding: 16px; width: auto; } .interior-page .project__photo-a-caption { min-width: 0; max-width: 100%; flex: none; white-space: normal; position: relative; } .interior-page .project__a-placeholder { min-width: 0; max-width: 100%; flex: none; white-space: normal; position: relative; } .interior-page .project__page-gallery-2 { min-width: 0; max-width: 100%; flex: 1 1 49.2647%; display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; position: relative; background: #f5f3ef; height: 440px; padding: 16px; width: auto; } .interior-page .project__photo-b-caption { min-width: 0; max-width: 100%; flex: none; white-space: normal; position: relative; } .interior-page .project__b-placeholder { min-width: 0; max-width: 100%; flex: none; white-space: normal; position: relative; } .interior-page .project__products-used { min-width: 0; max-width: 100%; flex: none; display: flex; flex-direction: column; align-items: flex-start; font-style: normal; position: relative; gap: 28px; padding-left: 40px; padding-right: 40px; padding-top: 64px; padding-bottom: 72px; width: 100%; } .interior-page .project__products-eyebrow { min-width: 0; max-width: 100%; flex: none; white-space: normal; position: relative; color: #5e5a55; font-family: "IBM Plex Mono",monospace; font-weight: 500; font-size: 10.5px; letter-spacing: 0.42px; line-height: 1.4; } .interior-page .project__products-heading { min-width: 0; max-width: 1360px; flex: none; white-space: normal; position: relative; color: #1d1b18; font-family: "IBM Plex Mono",monospace; font-weight: 500; font-size: 40px; letter-spacing: -0.52px; line-height: 1.1; width: 100%; } .interior-page .project__products-row { min-width: 0; max-width: 100%; flex: none; display: flex; flex-direction: row; align-items: flex-start; position: relative; gap: 20px; } .interior-page .project__product-1-card { min-width: 0; max-width: 100%; flex: 1 1 32.3529%; display: flex; flex-direction: column; align-items: flex-start; position: relative; gap: 10px; width: auto; } .interior-page .project__product-1-photo { min-width: 0; max-width: 100%; flex: none; display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; position: relative; background: #f5f3ef; color: #5e5a55; font-family: "IBM Plex Mono",monospace; font-weight: 500; font-size: 10px; letter-spacing: 0.4px; height: 360px; line-height: 1.4; padding: 16px; width: 100%; } .interior-page .project__product-1-photo-caption { min-width: 0; max-width: 100%; flex: none; white-space: normal; position: relative; } .interior-page .project__product-1-photo-placeholder { min-width: 0; max-width: 100%; flex: none; white-space: normal; position: relative; } .interior-page .project__product-1-meta { min-width: 0; max-width: 100%; flex: none; display: flex; flex-direction: row; align-items: flex-start; justify-content: space-between; position: relative; width: 100%; } .interior-page .project__product-1-name { min-width: 0; max-width: 100%; flex: none; white-space: normal; position: relative; color: #1d1b18; font-family: "IBM Plex Mono",monospace; font-weight: 400; font-size: 15px; line-height: 1.55; } .interior-page .project__product-1-kind { min-width: 0; max-width: 100%; flex: none; white-space: normal; position: relative; color: #5e5a55; font-family: "IBM Plex Mono",monospace; font-weight: 500; font-size: 10px; letter-spacing: 0.4px; line-height: 1.4; } .interior-page .project__product-1-link { min-width: 0; max-width: 100%; flex: none; white-space: normal; position: relative; color: #1d1b18; font-family: "IBM Plex Mono",monospace; font-weight: 500; font-size: 10px; letter-spacing: 0.4px; line-height: 1.4; } .interior-page .project__product-2-card { min-width: 0; max-width: 100%; flex: 1 1 32.3529%; display: flex; flex-direction: column; align-items: flex-start; position: relative; gap: 10px; width: auto; } .interior-page .project__product-2-photo { min-width: 0; max-width: 100%; flex: none; display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; position: relative; background: #f5f3ef; color: #5e5a55; font-family: "IBM Plex Mono",monospace; font-weight: 500; font-size: 10px; letter-spacing: 0.4px; height: 360px; line-height: 1.4; padding: 16px; width: 100%; } .interior-page .project__product-2-photo-caption { min-width: 0; max-width: 100%; flex: none; white-space: normal; position: relative; } .interior-page .project__product-2-photo-placeholder { min-width: 0; max-width: 100%; flex: none; white-space: normal; position: relative; } .interior-page .project__product-2-meta { min-width: 0; max-width: 100%; flex: none; display: flex; flex-direction: row; align-items: flex-start; justify-content: space-between; position: relative; width: 100%; } .interior-page .project__product-2-name { min-width: 0; max-width: 100%; flex: none; white-space: normal; position: relative; color: #1d1b18; font-family: "IBM Plex Mono",monospace; font-weight: 400; font-size: 15px; line-height: 1.55; } .interior-page .project__product-2-kind { min-width: 0; max-width: 100%; flex: none; white-space: normal; position: relative; color: #5e5a55; font-family: "IBM Plex Mono",monospace; font-weight: 500; font-size: 10px; letter-spacing: 0.4px; line-height: 1.4; } .interior-page .project__product-2-link { min-width: 0; max-width: 100%; flex: none; white-space: normal; position: relative; color: #1d1b18; font-family: "IBM Plex Mono",monospace; font-weight: 500; font-size: 10px; letter-spacing: 0.4px; line-height: 1.4; } .interior-page .project__product-3-card { min-width: 0; max-width: 100%; flex: 1 1 32.3529%; display: flex; flex-direction: column; align-items: flex-start; position: relative; gap: 10px; width: auto; } .interior-page .project__product-3-photo { min-width: 0; max-width: 100%; flex: none; display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; position: relative; background: #f5f3ef; color: #5e5a55; font-family: "IBM Plex Mono",monospace; font-weight: 500; font-size: 10px; letter-spacing: 0.4px; height: 360px; line-height: 1.4; padding: 16px; width: 100%; } .interior-page .project__product-3-photo-caption { min-width: 0; max-width: 100%; flex: none; white-space: normal; position: relative; } .interior-page .project__product-3-photo-placeholder { min-width: 0; max-width: 100%; flex: none; white-space: normal; position: relative; } .interior-page .project__product-3-meta { min-width: 0; max-width: 100%; flex: none; display: flex; flex-direction: row; align-items: flex-start; justify-content: space-between; position: relative; width: 100%; } .interior-page .project__product-3-name { min-width: 0; max-width: 100%; flex: none; white-space: normal; position: relative; color: #1d1b18; font-family: "IBM Plex Mono",monospace; font-weight: 400; font-size: 15px; line-height: 1.55; } .interior-page .project__product-3-kind { min-width: 0; max-width: 100%; flex: none; white-space: normal; position: relative; color: #5e5a55; font-family: "IBM Plex Mono",monospace; font-weight: 500; font-size: 10px; letter-spacing: 0.4px; line-height: 1.4; } .interior-page .project__product-3-link { min-width: 0; max-width: 100%; flex: none; white-space: normal; position: relative; color: #1d1b18; font-family: "IBM Plex Mono",monospace; font-weight: 500; font-size: 10px; letter-spacing: 0.4px; line-height: 1.4; } .interior-page .project__cta { min-width: 0; max-width: 100%; flex: none; display: flex; flex-direction: column; align-items: flex-start; font-style: normal; position: relative; color: #fff; background: #26221e; gap: 22px; height: 330px; padding-left: 40px; padding-right: 40px; padding-top: 54px; padding-bottom: 54px; width: 100%; } .interior-page .project__cta-eyebrow { min-width: 0; max-width: 100%; flex: none; white-space: normal; position: relative; font-family: "IBM Plex Mono",monospace; font-weight: 500; font-size: 10.5px; letter-spacing: 0.42px; line-height: 1.4; } .interior-page .project__cta-heading { min-width: 0; max-width: 100%; flex: none; position: relative; font-family: "IBM Plex Mono",monospace; font-weight: 500; font-size: 40px; letter-spacing: -0.52px; line-height: 1.1; width: 100%; } .interior-page .project__cta-description { min-width: 0; max-width: 720px; flex: none; white-space: normal; position: relative; font-family: "IBM Plex Mono",monospace; font-weight: 400; font-size: 15px; line-height: 1.55; width: 100%; } .interior-page .project__cta-label { min-width: 0; max-width: 100%; flex: none; white-space: normal; position: relative; font-family: "IBM Plex Mono",monospace; font-weight: 500; font-size: 10.5px; letter-spacing: 0.42px; line-height: 1.4; } @media (min-width:1600px) { .interior-page .project__intro { padding-left: 80px; padding-right: 80px; } .interior-page .project__breadcrumbs { font-size: 11px; letter-spacing: 0.44px; } .interior-page .project__title { font-size: 72px; letter-spacing: -1.44px; } .interior-page .project__meta-type { font-size: 11px; letter-spacing: 0.44px; } .interior-page .project__meta-location { font-size: 11px; letter-spacing: 0.44px; } .interior-page .project__meta-year { font-size: 11px; letter-spacing: 0.44px; } .interior-page .project__meta-credit { font-size: 11px; letter-spacing: 0.44px; } .interior-page .project__page-cover { font-size: 11px; letter-spacing: 0.44px; height: 780px; } .interior-page .project__story { padding-left: 80px; padding-right: 80px; } .interior-page .project__story-eyebrow { font-size: 11px; letter-spacing: 0.44px; } .interior-page .project__story-heading { max-width: 1760px; font-size: 42px; letter-spacing: -0.588px; } .interior-page .project__gallery-pair { font-size: 11px; letter-spacing: 0.44px; } .interior-page .project__page-gallery-1 { flex: 1 1 49.4318%; height: 520px; } .interior-page .project__page-gallery-2 { flex: 1 1 49.4318%; height: 520px; } .interior-page .project__products-used { padding-left: 80px; padding-right: 80px; } .interior-page .project__products-eyebrow { font-size: 11px; letter-spacing: 0.44px; } .interior-page .project__products-heading { max-width: 1760px; font-size: 42px; letter-spacing: -0.588px; } .interior-page .project__product-1-card { flex: 1 1 32.5757%; } .interior-page .project__product-2-card { flex: 1 1 32.5757%; } .interior-page .project__product-3-card { flex: 1 1 32.5757%; } .interior-page .project__cta { padding-left: 80px; padding-right: 80px; } .interior-page .project__cta-eyebrow { font-size: 11px; letter-spacing: 0.44px; } .interior-page .project__cta-heading { font-size: 42px; letter-spacing: -0.588px; } .interior-page .project__cta-label { font-size: 11px; letter-spacing: 0.44px; } } @media (max-width:1199px) { .interior-page .project__title { font-size: 54px; letter-spacing: -0.972px; line-height: 1.06; } .interior-page .project__page-cover { height: 560px; } .interior-page .project__story-heading { max-width: 944px; font-size: 36px; letter-spacing: -0.396px; line-height: 1.12; } .interior-page .project__page-gallery-1 { flex: 1 1 48.9407%; height: 360px; } .interior-page .project__page-gallery-2 { flex: 1 1 48.9407%; height: 360px; } .interior-page .project__products-heading { max-width: 1426px; font-size: 36px; letter-spacing: -0.396px; line-height: 1.12; } .interior-page .project__product-1-card { flex: 1 1 48.9407%; } .interior-page .project__product-2-card { flex: 1 1 48.9407%; } .interior-page .project__product-3-card { flex: 1 1 48.9407%; } .interior-page .project__cta-heading { font-size: 36px; letter-spacing: -0.396px; line-height: 1.12; } } @media (max-width:900px) { .interior-page .project__intro { gap: 22px; padding-left: 32px; padding-right: 32px; } .interior-page .project__breadcrumbs { font-size: 10px; letter-spacing: 0.4px; } .interior-page .project__title { max-width: 704px; font-size: 44px; letter-spacing: -0.66px; line-height: 1.08; } .interior-page .project__lead { max-width: 704px; } .interior-page .project__meta-type { font-size: 10px; letter-spacing: 0.4px; } .interior-page .project__meta-location { font-size: 10px; letter-spacing: 0.4px; } .interior-page .project__meta-year { font-size: 10px; letter-spacing: 0.4px; } .interior-page .project__meta-credit { font-size: 10px; letter-spacing: 0.4px; } .interior-page .project__page-cover { font-size: 10px; letter-spacing: 0.4px; height: 460px; } .interior-page .project__story { gap: 22px; padding-left: 32px; padding-right: 32px; } .interior-page .project__story-eyebrow { font-size: 10px; letter-spacing: 0.4px; } .interior-page .project__story-heading { max-width: 704px; font-size: 32px; letter-spacing: -0.288px; line-height: 1.14; } .interior-page .project__story-text { max-width: 704px; } .interior-page .project__gallery-pair { font-size: 10px; letter-spacing: 0.4px; } .interior-page .project__page-gallery-1 { flex: 1 1 48.5795%; height: 300px; } .interior-page .project__page-gallery-2 { flex: 1 1 48.5795%; height: 300px; } .interior-page .project__products-used { padding-left: 32px; padding-right: 32px; } .interior-page .project__products-eyebrow { font-size: 10px; letter-spacing: 0.4px; } .interior-page .project__products-heading { max-width: 1066px; font-size: 32px; letter-spacing: -0.288px; line-height: 1.14; } .interior-page .project__product-1-card { flex: 1 1 48.5795%; } .interior-page .project__product-2-card { flex: 1 1 48.5795%; } .interior-page .project__product-3-card { flex: 1 1 48.5795%; } .interior-page .project__cta { padding-left: 32px; padding-right: 32px; } .interior-page .project__cta-eyebrow { font-size: 10px; letter-spacing: 0.4px; } .interior-page .project__cta-heading { font-size: 32px; letter-spacing: -0.288px; line-height: 1.14; } .interior-page .project__cta-description { max-width: 704px; } .interior-page .project__cta-label { font-size: 10px; letter-spacing: 0.4px; } } @media (max-width:600px) { .interior-page .project__intro { gap: 20px; padding-left: 18px; padding-right: 18px; } .interior-page .project__title { max-width: 381px; font-size: 36px; letter-spacing: -0.468px; } .interior-page .project__lead { max-width: 354px; } .interior-page .project__meta-type { max-width: 100%; } .interior-page .project__meta-type-divider { max-width: 100%; } .interior-page .project__meta-location { max-width: 100%; } .interior-page .project__meta-location-divider { max-width: 100%; } .interior-page .project__meta-year { max-width: 100%; } .interior-page .project__meta-year-divider { max-width: 100%; } .interior-page .project__meta-credit { max-width: 100%; } .interior-page .project__page-cover { height: 390px; } .interior-page .project__story { gap: 20px; padding-left: 18px; padding-right: 18px; } .interior-page .project__story-heading { max-width: 354px; font-size: 30px; letter-spacing: -0.24px; } .interior-page .project__story-text { max-width: 354px; } .interior-page .project__gallery-pair { flex-direction: column; } .interior-page .project__page-gallery-1 { flex: none; height: 320px; width: 100%; } .interior-page .project__page-gallery-2 { flex: none; height: 320px; width: 100%; } .interior-page .project__products-used { padding-left: 18px; padding-right: 18px; } .interior-page .project__products-heading { max-width: 409px; font-size: 30px; letter-spacing: -0.24px; } .interior-page .project__products-row { flex-direction: column; } .interior-page .project__product-1-card { flex: none; width: 100%; } .interior-page .project__product-2-card { flex: none; width: 100%; } .interior-page .project__product-3-card { flex: none; width: 100%; } .interior-page .project__cta { padding-left: 18px; padding-right: 18px; } .interior-page .project__cta-heading { font-size: 30px; letter-spacing: -0.24px; } .interior-page .project__cta-description { max-width: 354px; } } .interior-page [data-view="project"] [data-block="Project Meta"] { width: 100%; max-width: 620px; } .interior-page [data-view="project"] [data-block^="Meta / "] { gap: 16px; min-height: 44px; height: auto; padding: 14px 0; } .interior-page [data-view="project"] [data-block^="Meta / "]>p { min-width: 0; overflow-wrap: anywhere; } .interior-page [data-view="project"] [data-block^="Meta / "]>p:last-child { text-align: right; } .interior-page [data-view="project"] [data-block="Project Gallery Pair"] { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); width: 100%; gap: 20px; } .interior-page [data-view="project"] [data-block="Project Gallery Pair"]>div { width: 100%; min-width: 0; } .interior-page [data-view="project"] [data-block="Products Row"] { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); width: 100%; gap: 20px; } .interior-page [data-view="project"] [data-block="Products Row"]>a { width: 100%; min-width: 0; } .interior-page [data-view="project"] .cms-rich-content>p:last-child { margin-bottom: 0; } @media (max-width:1199px) { .interior-page [data-view="project"] [data-block="Products Row"] { grid-template-columns: repeat(2,minmax(0,1fr)); } } @media (max-width:600px) { .interior-page [data-view="project"] [data-block="Project Gallery Pair"],.interior-page [data-view="project"] [data-block="Products Row"] { grid-template-columns: minmax(0,1fr); } }
:is(.interior-page,.podhozhu-page) { --gutter: 40px; } .interior-page { color: #1d1b18; } .interior-page button { padding: 0; } :is(.interior-page,.podhozhu-page) .podhozhu-header__toggle { padding: 0; font: inherit; text-align: left; } :is(.interior-page,.podhozhu-page) .podhozhu-header__inner { height: 80px; padding: 20px var(--gutter); } :is(.interior-page,.podhozhu-page) .podhozhu-header__nav { gap: 24px; } :is(.interior-page,.podhozhu-page) .podhozhu-header::after { content: ""; display: block; margin: 0 var(--gutter); height: 1px; background: #d9d6d1; } :is(.interior-page,.podhozhu-page) .podhozhu-footer.footer { border: 0; min-height: 170px; padding: 40px var(--gutter); flex-direction: row; gap: 32px; } :is(.interior-page,.podhozhu-page) .podhozhu-footer * { box-sizing: border-box; } :is(.interior-page,.podhozhu-page) .podhozhu-footer__brand { color: inherit; } :is(.interior-page,.podhozhu-page) .podhozhu-footer__details { font-size: 10.5px; font-weight: 500; letter-spacing: .04em; line-height: 1.4; text-transform: uppercase; color: #5e5a55; } :is(.interior-page,.podhozhu-page) .podhozhu-footer__details p:last-child { display: none; } :is(.interior-page,.podhozhu-page) .podhozhu-footer__separator { padding: 0 .7ch; } :is(.interior-page,.podhozhu-page) .podhozhu-footer__links { font-size: 10.5px; } .interior-page a[data-block="Card / Project"]>p:first-of-type { text-transform: uppercase; } .interior-page [data-block="Hero Photo"],.interior-page [data-block="Detail 1"],.interior-page [data-block="Detail 2"],.interior-page [data-block="Story Photo"],.interior-page [data-block="Detail A"],.interior-page [data-block="Detail B"] { position: relative; overflow: hidden; } .interior-page .cms-photo { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; } .interior-page div:has(>.cms-photo)>p { visibility: hidden; } @media (min-width:1600px) { :is(.interior-page,.podhozhu-page) { --gutter: 80px; } :is(.interior-page,.podhozhu-page) .podhozhu-footer__details,:is(.interior-page,.podhozhu-page) .podhozhu-footer__links { font-size: 11px; } } @media (max-width:1199px) { .interior-page [data-block="Gallery"] { width: 100%; } :is(.interior-page,.podhozhu-page) .podhozhu-header__toggle { display: block; font-size: 10.5px; } :is(.interior-page,.podhozhu-page) .podhozhu-header__nav { display: none; position: fixed; inset: 80px 0 0; padding: 24px var(--gutter); background: #fff; align-items: stretch; flex-direction: column; gap: 0; overflow: auto; } :is(.interior-page,.podhozhu-page) .podhozhu-header.is-open .podhozhu-header__nav { display: flex; } :is(.interior-page,.podhozhu-page) .podhozhu-header.is-open .podhozhu-header__link { padding: 18px 0; font-size: 16px; } } @media (max-width:900px) { :is(.interior-page,.podhozhu-page) { --gutter: 32px; } :is(.interior-page,.podhozhu-page) .podhozhu-footer__details,:is(.interior-page,.podhozhu-page) .podhozhu-footer__links { font-size: 10px; } :is(.interior-page,.podhozhu-page) .podhozhu-header__toggle { font-size: 10px; } } @media (max-width:900px) { .interior-page [data-block="Finish Grid"] { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px; } } @media (max-width:600px) { :is(.interior-page,.podhozhu-page) { --gutter: 18px; } :is(.interior-page,.podhozhu-page) .podhozhu-footer.footer { flex-direction: column; gap: 18px; min-height: 220px; justify-content: flex-start; } .request-dialog { min-height: 1180px; } .request-dialog.request-success { min-height: 760px; } } @media (max-width:600px) { .interior-page [data-block="Finish Grid"] { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; } .interior-page [data-block="Swatch"] { width: 100%; height: 220px; } .interior-page [data-block="Card / Finish Swatch"]>p:first-of-type { font-size: 15px; } .interior-page [data-block="Card / Finish Swatch"]>p:last-of-type { font-size: 10px; } } .interior-page [data-block="Gallery Pair"] > :is([data-block="Detail 1"],[data-block="Detail 2"]) { box-sizing: border-box; width: 100%; height: auto; min-height: 0; aspect-ratio: 1 / 1; align-self: start; } .interior-page[data-page-view="item"] [data-block="Hero Photo"] { box-sizing: border-box; width: 100%; height: auto; min-height: 0; aspect-ratio: 1 / 1; align-self: start; }
[data-cms-photo] { position: relative; overflow: hidden; } [data-cms-photo]>.cms-photo { position: absolute; inset: 0; display: block; width: 100%; height: 100%; object-fit: cover; } .cms-rich-content { display: block !important; } .cms-rich-content>* { max-width: 100%; } .cms-rich-content p { margin: 0 0 1.25em; } .cms-rich-content ul,.cms-rich-content ol { padding-left: 1.5em; } .cms-rich-content img { max-width: 100%; height: auto; } .cms-extra-copy { font: inherit; line-height: 1.5; max-width: 100%; overflow-wrap: anywhere; } .cms-resource-link,.cms-map-link { display: block; font: inherit; line-height: 1.5; padding: 16px 0; color: inherit; overflow-wrap: anywhere; }
.podhozhu-breadcrumbs { min-width: 0; max-width: 100%; color: #5e5a55; font: 500 10.5px/1.5 "IBM Plex Mono",monospace; letter-spacing: .04em; text-transform: uppercase; } .podhozhu-breadcrumbs ol { display: flex; align-items: baseline; flex-wrap: wrap; gap: 5px 9px; margin: 0; padding: 0; list-style: none; } .podhozhu-breadcrumbs li { display: inline-flex; align-items: baseline; gap: 9px; min-width: 0; max-width: 100%; overflow-wrap: anywhere; } .podhozhu-breadcrumbs a { color: inherit; text-decoration: underline; text-underline-offset: 3px; } .podhozhu-breadcrumbs a:hover { color: #1d1b18; } .podhozhu-breadcrumbs a:focus-visible { outline: 2px solid #5e5a55; outline-offset: 4px; } .podhozhu-breadcrumbs__separator { flex: none; color: #918a80; } .podhozhu-breadcrumbs [aria-current=page] { min-width: 0; } .catalog-intro-meta { display: flex; align-items: baseline; flex-wrap: wrap; gap: 8px 22px; } .content-page>.podhozhu-breadcrumbs { margin-bottom: 24px; } @media (max-width:600px) { .podhozhu-breadcrumbs { font-size: 10px; } }