/* d5c0e2f7ac5660dd */
@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; }
html,body { margin: 0; padding: 0; } .home-page { --home-gutter: 40px; --home-small: 10.5px; color: #1d1b17; font-family: "IBM Plex Mono",monospace; font-weight: 500; } .home-page *, .content-page * { box-sizing: border-box; } .home-page p,.home-page h1,.home-page h2,.home-page h3 { margin: 0; font-weight: inherit; } .home-page a { color: inherit; text-decoration: none; } .home-page a:focus-visible { outline: 2px solid currentColor; outline-offset: 6px; } .home-page a:hover h3,.home-link:hover { text-decoration: underline; text-underline-offset: 4px; } .home-section { padding: 64px var(--home-gutter); } .home-eyebrow,.home-link,.home-placeholder { font-size: var(--home-small); line-height: 1.4; letter-spacing: .04em; } .home-eyebrow { color: #5c574f; } .home-large { font-size: 64px; line-height: 1.05; letter-spacing: -.02em; } .home-page__heading { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); clip-path: inset(50%); white-space: nowrap; border: 0; } .home-heading { font-size: 40px; line-height: 1.1; letter-spacing: -.013em; } .home-copy { color: #5c574f; font-size: 20px; line-height: 1.28; } .home-desktop { display: block; } .home-mobile { display: none; } .home-hero { display: flex; flex-direction: column; gap: 24px; padding: 48px var(--home-gutter) 40px; } .home-placeholder { display: flex; flex-direction: column; justify-content: space-between; width: 100%; padding: 20px; background: #bab09e; color: #f9f6f1; } .home-hero__image { height: 660px; } .home-featured { display: flex; flex-direction: column; gap: 26px; } .home-featured__intro { display: flex; justify-content: space-between; gap: 18px; min-height: 160px; } .home-featured__caption { color: #5c574f; font-size: 15px; font-weight: 400; line-height: 1.55; flex-shrink: 0; } .home-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 20px; width: 100%; } .home-card { min-width: 0; display: flex; flex-direction: column; gap: 12px; } .home-card__image { height: 520px; background: #f5f3ef; } .home-card h3 { font-size: 20px; line-height: 1.28; } .home-card__description { font-size: var(--home-small); line-height: 1.4; letter-spacing: .04em; color: #5c574f; } .home-materials { display: grid; grid-template-columns: 480px minmax(0,1fr); gap: 40px; } .home-materials__copy { display: flex; flex-direction: column; gap: 24px; min-height: 522px; } .home-materials__image { height: 522px; } .home-trade { background: #29251f; color: #f9f6f1; display: flex; flex-direction: column; gap: 30px; min-height: 520px; } .home-trade .home-eyebrow,.home-trade .home-copy { color: inherit; } .home-journal { display: flex; flex-direction: column; gap: 28px; } .home-journal__image { height: 300px; } .home-journal h3 { font-size: 15px; font-weight: 400; line-height: 1.55; } .content-page { min-height: calc(100vh - 268px); padding: 48px 40px; color: #1d1b17; font-family: "IBM Plex Mono",monospace; } .content-page h1 { font-weight: 500; font-size: clamp(28px,4vw,64px); line-height: 1.08; letter-spacing: -.02em; } @media (min-width:1600px) { .home-page { --home-gutter: 80px; --home-small: 11px; } .home-large { font-size: 72px; } .home-heading { font-size: 42px; letter-spacing: -.014em; } .home-materials { grid-template-columns: 560px minmax(0,1fr); } .home-journal__image { height: 320px; } .home-card__image { height: 500px; } .content-page { padding-right: 80px; padding-left: 80px; } } @media (min-width:901px) and (max-width:1200px) { .home-large,.home-heading { font-size: 54px; line-height: 1.06; letter-spacing: -.018em; } .home-copy,.home-card h3 { font-size: 19px; line-height: 1.3; } .home-materials { grid-template-columns: 340px minmax(0,1fr); } .home-journal__image { height: 240px; } } @media (max-width:900px) { .home-page { --home-gutter: 32px; --home-small: 10px; } .home-large,.home-heading { font-size: 44px; line-height: 1.08; letter-spacing: -.015em; } .home-copy,.home-card h3 { font-size: 18px; line-height: 1.32; } .home-hero { gap: 22px; } .home-card__image { height: 430px; } .home-grid { grid-template-columns: 1fr; gap: 32px; } .home-featured__intro { flex-direction: column; gap: 20px; } .home-materials { grid-template-columns: 1fr; gap: 32px; } .home-materials__copy { min-height: 300px; } .home-materials__image { height: 440px; } .home-journal .home-grid { gap: 28px; } .home-journal__image { height: 360px; } .content-page { padding-right: 32px; padding-left: 32px; } } @media (max-width:600px) { .home-page { --home-gutter: 18px; } .home-desktop { display: none; } .home-mobile { display: block; } .home-large,.home-heading { font-size: 36px; line-height: 1.08; letter-spacing: -.013em; } .home-hero { gap: 20px; padding-top: 32px; padding-bottom: 24px; border: 0; } .home-copy { font-size: 15px; font-weight: 400; line-height: 1.55; } .home-hero__image { height: 440px; } .home-section { padding-top: 38px; padding-bottom: 38px; } .home-featured { gap: 24px; } .home-featured__intro { min-height: 0; gap: 24px; } .home-grid { gap: 24px; } .home-card { gap: 10px; } .home-card__image { height: 420px; } .home-card h3 { font-size: 18px; line-height: 1.32; } .home-card__description,.home-materials,.home-journal { display: none; } .home-trade { gap: 20px; min-height: 420px; } .content-page { padding-right: 18px; padding-left: 18px; } } .home-slider,.home-slide { display: flex; flex-direction: column; gap: inherit; min-width: 0; } .home-slide[hidden] { display: none !important; } .home-slide__image-link { position: absolute; inset: 0; display: block; width: 100%; height: 100%; } .home-slide__image-link > .cms-photo { display: block; width: 100%; height: 100%; object-fit: cover; } .home-slider__controls { display: flex; justify-content: flex-end; align-items: center; gap: 16px; } .home-slider__controls button { border: 0; background: transparent; color: inherit; padding: 8px 12px; font: inherit; cursor: pointer; } .home-slider__controls button:disabled { opacity: .35; cursor: default; } .home-slider__controls button:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; } .home-featured [data-home-list="products"] { grid-template-columns: repeat(var(--home-product-count,3),minmax(0,1fr)); align-items: start; } .home-featured .home-card__image { height: auto; aspect-ratio: 4/5; } @media (max-width:900px) { .home-featured [data-home-list="products"] { grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: calc((100% - 24px)/2); gap: 24px; overflow-x: auto; padding-bottom: 12px; scroll-snap-type: x mandatory; overscroll-behavior-x: contain; } .home-featured .home-card { scroll-snap-align: start; } } @media (max-width:600px) { .home-featured [data-home-list="products"] { grid-auto-columns: 86%; gap: 18px; } } .pdz-home > .home-page__content { max-width: 1800px; margin-inline: auto; padding: 0 36px 100px; } .pdz-home .ph-hero-photo { container-type: size; } .pdz-home .ph-hero-photo > .cms-photo { position: absolute; top: 50%; left: 50%; width: min(118cqw, 120cqh); height: auto; max-width: none; object-fit: contain; transform: translate(-48.5%, -58%); transform-origin: center; } .pdz-home .ph-hero-visual { background: #ebebeb; } @media (max-width: 1000px) { .pdz-home > .home-page__content { padding: 0 24px 70px; } } @media (max-width: 680px) { .pdz-home > .home-page__content { padding: 0 16px 60px; } } .pdz-home .ph-hero { background: #ebebeb; } .pdz-home .ph-hero-copy > div { margin-block: auto; } .pdz-home .ph-card .home-card__heading { display: grid; grid-template-columns: minmax(0, 1fr); gap: 6px .6em; } .home-card__title-name { grid-column: 1; grid-row: 1; min-width: 0; } .home-card__title-name::first-letter { text-transform: uppercase; } .pdz-home .ph-card .home-card__subtitle, .pdz-home .ph-card .home-card__title-details { color: #5e5a55; font-size: 12px; font-weight: 500; line-height: 1.5; letter-spacing: .04em; text-transform: uppercase; overflow-wrap: anywhere; } .pdz-home .ph-card .home-card__subtitle { margin-top: 6px; } .home-card__title-details { grid-column: 1 / -1; grid-row: 2; } .pdz-home .ph-card .home-card__heading--bar, .pdz-home .ph-card .home-card__heading--size { grid-template-columns: minmax(0, max-content) max-content minmax(0, 1fr); } .home-card__title-type { grid-column: 1; grid-row: 1; } .home-card__title-modifier, .home-card__title-size { grid-column: 2; grid-row: 1; } .home-card__title-model { grid-column: 3; grid-row: 1; min-width: 0; } .pdz-home .ph-journal .ph-card .ph-photo { aspect-ratio: 1 / 1; } main.pdz-home ~ .podhozhu-newsletter { padding-block: 40px; } @media (max-width: 700px) { main.pdz-home ~ .podhozhu-newsletter { padding-block: 28px; } }
: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; } }