.inb-hero, .inb-hero .wp-block-button__link { font-family: var(--wp--preset--font-family--system); } html { scroll-behavior: smooth; } body { overflow-x: clip; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } :where(.wp-site-blocks) > * { margin-block-start: 0; } [id] { scroll-margin-top: calc(var(--inb-header-height, 4.5rem) + 1rem); } .inb-on-dark, .has-primary-deep-background-color, .has-primary-background-color { --inb-focus: var(--wp--custom--color--focus-on-dark); color: var(--wp--custom--color--on-dark); } .inb-on-dark a:where(:not(.wp-element-button)), .has-primary-deep-background-color a:where(:not(.wp-element-button)), .has-primary-background-color a:where(:not(.wp-element-button)) { color: inherit; text-decoration-color: var(--wp--custom--color--rule-on-dark); text-underline-offset: 0.2em; } .inb-on-dark a:where(:not(.wp-element-button)):hover, .has-primary-deep-background-color a:where(:not(.wp-element-button)):hover, .has-primary-background-color a:where(:not(.wp-element-button)):hover { text-decoration-color: currentColor; } .inb-muted { color: var(--wp--custom--color--text-muted); } .inb-on-dark .inb-muted, .has-primary-deep-background-color .inb-muted, .has-primary-background-color .inb-muted { color: var(--wp--custom--color--on-dark-muted); } .inb-display, .inb-heading { font-family: var(--wp--preset--font-family--heading); font-weight: var(--wp--custom--font-weight--title); line-height: var(--wp--custom--line-height--title); letter-spacing: var(--wp--custom--letter-spacing--title); text-wrap: balance; } .inb-display strong, .inb-display b, .inb-heading strong { font-weight: inherit; } .inb-eyebrow { display: flex; align-items: center; gap: 0.875rem; margin-block: 0; font-family: var(--wp--preset--font-family--body); font-size: 0.8125rem; font-weight: var(--wp--custom--font-weight--bold); line-height: 1.3; letter-spacing: var(--wp--custom--letter-spacing--eyebrow); text-transform: uppercase; color: var(--wp--custom--color--text); } .inb-eyebrow::before { content: ""; flex: 0 0 2.25rem; height: 2px; border-radius: 2px; background: var(--wp--custom--color--accent-on-dark); } .inb-on-dark .inb-eyebrow, .has-primary-deep-background-color .inb-eyebrow, .has-primary-background-color .inb-eyebrow { color: var(--wp--custom--color--accent-on-dark); } .inb-lead { font-size: var(--wp--preset--font-size--large); font-weight: var(--wp--custom--font-weight--light); line-height: 1.45; text-wrap: pretty; } .inb-rule-left { border-inline-start: 2px solid var(--wp--custom--color--accent-on-dark); padding-inline-start: clamp(1rem, 0.5rem + 1.5vw, 2rem); } .inb-hairline-top { border-block-start: 1px solid var(--wp--custom--color--rule); } .inb-on-dark .inb-hairline-top, .has-primary-deep-background-color .inb-hairline-top, .has-primary-background-color .inb-hairline-top { border-block-start-color: var(--wp--custom--color--rule-on-dark); } .inb-figure { font-family: var(--wp--preset--font-family--heading); font-size: var(--wp--preset--font-size--jumbo); font-weight: var(--wp--custom--font-weight--black); line-height: 0.9; letter-spacing: var(--wp--custom--letter-spacing--display); font-variant-numeric: lining-nums tabular-nums; } .inb-plain-list { list-style: none; padding-inline-start: 0; } .wp-block-button .wp-block-button__link { transition: background-color var(--wp--custom--motion--duration) var(--wp--custom--motion--easing), color var(--wp--custom--motion--duration) var(--wp--custom--motion--easing), border-color var(--wp--custom--motion--duration) var(--wp--custom--motion--easing); } .wp-block-button.is-style-inb-accent .wp-block-button__link { background-color: var(--wp--custom--color--accent-on-dark); color: var(--wp--custom--color--surface-dark); border: 2px solid var(--wp--custom--color--accent-on-dark); } .wp-block-button.is-style-inb-accent .wp-block-button__link:hover { background-color: var(--wp--custom--color--on-dark); border-color: var(--wp--custom--color--on-dark); color: var(--wp--custom--color--surface-dark); } .wp-block-button.is-style-inb-ghost-light .wp-block-button__link { background-color: transparent; color: var(--wp--custom--color--on-dark); border: 2px solid var(--wp--custom--color--on-dark-muted); } .wp-block-button.is-style-inb-ghost-light .wp-block-button__link:hover { background-color: transparent; border-color: var(--wp--custom--color--on-dark); color: var(--wp--custom--color--on-dark); } .wp-block-button.is-style-inb-ghost .wp-block-button__link { background-color: transparent; color: var(--wp--custom--color--action); border: 2px solid var(--wp--custom--color--action); } .wp-block-button.is-style-inb-ghost .wp-block-button__link:hover { background-color: var(--wp--custom--color--action); color: var(--wp--custom--color--on-action); } :where(.inb-header, .inb-footer, main > :not(.inb-hero)) .wp-block-button .wp-block-button__link { --inb-btn-fill: color-mix(in srgb, var(--wp--custom--color--action) 80%, var(--wp--preset--color--surface)); --inb-btn-fill-text: var(--wp--custom--color--on-action); position: relative; isolation: isolate; overflow: hidden; display: inline-flex; align-items: center; justify-content: center; gap: 0.65em; transition: color var(--wp--custom--motion--duration-fast) var(--wp--custom--motion--easing), border-color var(--wp--custom--motion--duration-fast) var(--wp--custom--motion--easing), box-shadow var(--wp--custom--motion--duration-fast) var(--wp--custom--motion--easing), transform var(--wp--custom--motion--duration-fast) var(--wp--custom--motion--easing); } :where(.inb-header, .inb-footer, main > :not(.inb-hero)) .wp-block-button__link::before { content: ""; position: absolute; inset: 0; z-index: -1; background: var(--inb-btn-fill); transform: scaleX(0); transform-origin: right center; transition: transform 420ms var(--wp--custom--motion--easing-out); } :where(.inb-header, .inb-footer, main > :not(.inb-hero)) .wp-block-button__link:where([href^="#"], [href^="/#"], [href^="mailto:"], [href^="http"])::after { content: ""; flex: 0 0 auto; width: 1em; height: 1em; background: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12h15M13 6l6 6-6 6'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12h15M13 6l6 6-6 6'/%3E%3C/svg%3E") center / contain no-repeat; transition: transform var(--wp--custom--motion--duration-fast) var(--wp--custom--motion--easing-out); } :where(.inb-header, .inb-footer, main > :not(.inb-hero)) .wp-block-button.is-style-inb-accent .wp-block-button__link { --inb-btn-fill: var(--wp--custom--color--on-dark); --inb-btn-fill-text: var(--wp--custom--color--surface-dark); } :where(.inb-header, .inb-footer, main > :not(.inb-hero)) .wp-block-button.is-style-inb-ghost-light .wp-block-button__link { --inb-btn-fill: var(--wp--custom--color--on-dark); --inb-btn-fill-text: var(--wp--custom--color--surface-dark); } :where(.inb-header, .inb-footer, main > :not(.inb-hero)) .wp-block-button.is-style-inb-ghost .wp-block-button__link { --inb-btn-fill: var(--wp--custom--color--action); --inb-btn-fill-text: var(--wp--custom--color--on-action); } @media (hover: hover) { :where(.inb-header, .inb-footer, main > :not(.inb-hero)) .wp-block-button .wp-block-button__link:hover { transform: translate3d(0, -2px, 0); box-shadow: 0 0.875rem 1.75rem -1rem color-mix(in srgb, var(--wp--preset--color--primary-deep) 75%, transparent); } :where(.inb-header, .inb-footer, main > :not(.inb-hero)) .wp-block-button .wp-block-button__link:hover::before { transform: scaleX(1); transform-origin: left center; } :where(.inb-header, .inb-footer, main > :not(.inb-hero)) .wp-block-button .wp-block-button__link:hover::after { transform: translate3d(0.25em, 0, 0); } } :where(.inb-header, .inb-footer, main > :not(.inb-hero)) .wp-block-button .wp-block-button__link:focus-visible::before { transform: scaleX(1); transform-origin: left center; } :where(.inb-header, .inb-footer, main > :not(.inb-hero)) .wp-block-button .wp-block-button__link:focus-visible::after { transform: translate3d(0.25em, 0, 0); } :where(.inb-header, .inb-footer, main > :not(.inb-hero)) .wp-block-button .wp-block-button__link:is(:focus-visible, :active) { color: var(--inb-btn-fill-text); text-decoration: none; } :where(.inb-header, .inb-footer, main > :not(.inb-hero)) .wp-block-button:not([class*="is-style-"]) .wp-block-button__link:is(:focus-visible, :active) { background-color: var(--wp--custom--color--action); } :where(.inb-header, .inb-footer, main > :not(.inb-hero)) .wp-block-button.is-style-inb-accent .wp-block-button__link:is(:focus-visible, :active) { background-color: var(--wp--custom--color--accent-on-dark); border-color: var(--wp--custom--color--on-dark); color: var(--inb-btn-fill-text); } :where(.inb-header, .inb-footer, main > :not(.inb-hero)) .wp-block-button.is-style-inb-ghost-light .wp-block-button__link:is(:focus-visible, :active) { background-color: transparent; border-color: var(--wp--custom--color--on-dark); color: var(--inb-btn-fill-text); } :where(.inb-header, .inb-footer, main > :not(.inb-hero)) .wp-block-button.is-style-inb-ghost .wp-block-button__link:is(:focus-visible, :active) { background-color: transparent; border-color: var(--wp--custom--color--action); color: var(--inb-btn-fill-text); } @media (hover: hover) { :where(.inb-header, .inb-footer, main > :not(.inb-hero)) .wp-block-button .wp-block-button__link:hover { color: var(--inb-btn-fill-text); text-decoration: none; } :where(.inb-header, .inb-footer, main > :not(.inb-hero)) .wp-block-button:not([class*="is-style-"]) .wp-block-button__link:hover { background-color: var(--wp--custom--color--action); } :where(.inb-header, .inb-footer, main > :not(.inb-hero)) .wp-block-button.is-style-inb-accent .wp-block-button__link:hover { background-color: var(--wp--custom--color--accent-on-dark); border-color: var(--wp--custom--color--on-dark); color: var(--inb-btn-fill-text); } :where(.inb-header, .inb-footer, main > :not(.inb-hero)) .wp-block-button.is-style-inb-ghost-light .wp-block-button__link:hover { background-color: transparent; border-color: var(--wp--custom--color--on-dark); color: var(--inb-btn-fill-text); } :where(.inb-header, .inb-footer, main > :not(.inb-hero)) .wp-block-button.is-style-inb-ghost .wp-block-button__link:hover { background-color: transparent; border-color: var(--wp--custom--color--action); color: var(--inb-btn-fill-text); } } :where(.inb-header, .inb-footer, main > :not(.inb-hero)) .wp-block-button .wp-block-button__link:active { transform: translate3d(0, 0, 0) scale(0.97); box-shadow: none; transition-duration: 90ms; } :where(.inb-header, .inb-footer, main > :not(.inb-hero)) .wp-block-button .wp-block-button__link:active::before { transform: scaleX(1); transform-origin: left center; transition-duration: 160ms; } :where(.inb-header, .inb-footer, main > :not(.inb-hero)) .wp-block-button .wp-block-button__link:focus-visible { outline-offset: 3px; } .inb-on-dark :focus-visible, .has-primary-deep-background-color :focus-visible, .has-primary-background-color :focus-visible { outline: 2px solid var(--wp--custom--color--focus-on-dark); outline-offset: 3px; } .inb-wave-top { position: relative; isolation: isolate; } .inb-wave-top::before { content: ""; position: absolute; inset-inline: 0; bottom: calc(100% - 1px); height: var(--wp--custom--wave--height); background: inherit; pointer-events: none; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 120' preserveAspectRatio='none'%3E%3Cpath d='M0 120V58C240 8 520-12 820 22c250 28 430 70 620 58v40z'/%3E%3C/svg%3E") center bottom / 100% 100% no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 120' preserveAspectRatio='none'%3E%3Cpath d='M0 120V58C240 8 520-12 820 22c250 28 430 70 620 58v40z'/%3E%3C/svg%3E") center bottom / 100% 100% no-repeat; z-index: 1; } .inb-media-fill { margin: 0; height: 100%; } .inb-media-fill img { display: block; width: 100%; height: 100%; object-fit: cover; } .inb-caption, .inb-media-fill figcaption { font-size: var(--wp--preset--font-size--small); color: var(--wp--custom--color--text-muted); margin-block-start: 0.6rem; } .inb-on-dark .inb-caption, .has-primary-deep-background-color .inb-caption, .has-primary-background-color .inb-caption, .has-primary-deep-background-color figcaption, .has-primary-background-color figcaption { color: var(--wp--custom--color--on-dark-muted); } @media (prefers-reduced-motion: no-preference) { .inb-js .inb-reveal { opacity: 0; transform: translate3d(var(--inb-from-x, 0), var(--inb-from-y, 2rem), 0); transition: opacity var(--wp--custom--motion--duration) var(--wp--custom--motion--easing), transform var(--wp--custom--motion--duration-long) var(--wp--custom--motion--easing-out); transition-delay: var(--inb-delay, 0ms); } .inb-js .inb-reveal--left { --inb-from-x: -2.5rem; --inb-from-y: 0; } .inb-js .inb-reveal--right { --inb-from-x: 2.5rem; --inb-from-y: 0; } .inb-js .inb-reveal--fade { --inb-from-y: 0; } .inb-js .inb-reveal.is-inview { opacity: 1; transform: none; } .inb-js .inb-mask { clip-path: inset(var(--inb-clip, 0 100% 0 0)); transition: clip-path 1300ms var(--wp--custom--motion--easing-out); transition-delay: var(--inb-delay, 0ms); } .inb-js .inb-mask--left { --inb-clip: 0 100% 0 0; } .inb-js .inb-mask--right { --inb-clip: 0 0 0 100%; } .inb-js .inb-mask--up { --inb-clip: 100% 0 0 0; } .inb-js .inb-mask--down { --inb-clip: 0 0 100% 0; } .inb-js .inb-mask img { transform: scale(1.12); transition: transform 2000ms var(--wp--custom--motion--easing-out); transition-delay: var(--inb-delay, 0ms); } .inb-js .inb-mask.is-inview { clip-path: inset(0 0 0 0); } .inb-js .inb-mask.is-inview img { transform: none; } .inb-js .inb-stagger > * { opacity: 0; transform: translate3d(0, 1.25rem, 0); transition: opacity var(--wp--custom--motion--duration) var(--wp--custom--motion--easing), transform var(--wp--custom--motion--duration-long) var(--wp--custom--motion--easing-out); transition-delay: calc(var(--inb-stagger-base, 0ms) + var(--inb-i, 0) * var(--inb-stagger-step, var(--wp--custom--motion--stagger))); } .inb-js .inb-stagger.is-inview > * { opacity: 1; transform: none; } .inb-js .inb-eyebrow::before { transform: scaleX(0); transform-origin: left center; transition: transform 900ms var(--wp--custom--motion--easing-out); transition-delay: calc(var(--inb-stagger-base, 0ms) + 200ms); } .inb-js .inb-eyebrow.is-inview::before, .inb-js .is-inview > .inb-eyebrow::before { transform: none; } } @media print { .inb-js .inb-reveal, .inb-js .inb-mask, .inb-js .inb-mask img, .inb-js .inb-stagger > * { opacity: 1 !important; transform: none !important; clip-path: none !important; } } .inb-mask { overflow: clip; } .inb-count { font-variant-numeric: lining-nums tabular-nums; } @media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *, *::before, *::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; } } .inb-sr-only { position: absolute !important; width: 1px; height: 1px; margin: -1px; padding: 0; border: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.inb-logo { --inb-logo-height: 2.75rem; margin: 0; line-height: 0; } .inb-logo a { display: inline-block; border-radius: var(--wp--preset--border-radius--small); transition: opacity var(--wp--custom--motion--duration-fast) var(--wp--custom--motion--easing); } .inb-logo a:hover { opacity: 0.86; } .inb-logo img { display: block; width: calc(var(--inb-logo-height) * 1484.5 / 339.7); max-width: none; height: auto; aspect-ratio: 1484.5 / 339.7; } .wp-site-blocks > header:has(> .inb-header) { position: sticky; top: var(--wp-admin--admin-bar--height, 0px); z-index: 50; } .inb-header { padding-block: 0.625rem; transition: box-shadow var(--wp--custom--motion--duration) var(--wp--custom--motion--easing); } .inb-header.is-scrolled { box-shadow: 0 1px 0 var(--wp--custom--color--rule-on-dark), 0 0.75rem 2rem -1rem color-mix(in srgb, var(--wp--preset--color--primary-deep) 70%, transparent); } .inb-header .inb-header__bar { min-height: 3.25rem; gap: var(--wp--preset--spacing--40); } .inb-header .inb-logo { flex: 0 0 auto; } .inb-header .inb-header__nav { flex: 1 1 auto; justify-content: flex-end; } .inb-header .inb-header__actions { flex: 0 0 auto; margin: 0; } .inb-header .inb-header__actions .wp-block-button__link { display: inline-flex; align-items: center; min-height: 2.75rem; box-sizing: border-box; padding: 0.5rem 1.15rem; font-size: var(--wp--preset--font-size--small); font-weight: var(--wp--custom--font-weight--bold); white-space: nowrap; font-variant-numeric: lining-nums tabular-nums; gap: 0.45em; } .inb-header .inb-header__actions .wp-block-button__link[href^="tel:"]::after { content: ""; order: -1; flex: 0 0 auto; width: 1.15em; height: 1.15em; background: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M6.62 10.79a15.53 15.53 0 0 0 6.59 6.59l2.2-2.2a1 1 0 0 1 1.02-.24 11.36 11.36 0 0 0 3.56.57 1 1 0 0 1 1 1V20a1 1 0 0 1-1 1A17 17 0 0 1 3 4a1 1 0 0 1 1-1h3.5a1 1 0 0 1 1 1 11.36 11.36 0 0 0 .57 3.56 1 1 0 0 1-.24 1.02l-2.21 2.21z'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M6.62 10.79a15.53 15.53 0 0 0 6.59 6.59l2.2-2.2a1 1 0 0 1 1.02-.24 11.36 11.36 0 0 0 3.56.57 1 1 0 0 1 1 1V20a1 1 0 0 1-1 1A17 17 0 0 1 3 4a1 1 0 0 1 1-1h3.5a1 1 0 0 1 1 1 11.36 11.36 0 0 0 .57 3.56 1 1 0 0 1-.24 1.02l-2.21 2.21z'/%3E%3C/svg%3E") center / contain no-repeat; } .inb-header .inb-header__actions .wp-block-button__link[href^="tel:"]:is(:hover, :focus-visible)::after { transform: none; } .inb-header .inb-header__phone-label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; } @media (max-width: 1080px) { .inb-header .inb-header__phone-label { position: static; width: auto; height: auto; overflow: visible; clip: auto; } .inb-header .inb-header__actions .wp-block-button__link { padding-inline: 1rem; } .inb-header .inb-header__phone-number { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; } } .inb-header .inb-header__nav .wp-block-navigation__container { gap: clamp(1rem, 0.2rem + 1.6vw, 2.25rem); } .inb-header .inb-header__nav .wp-block-navigation-item__content { position: relative; display: inline-flex; align-items: center; min-height: 2.75rem; font-size: 0.9375rem; font-weight: var(--wp--custom--font-weight--regular); letter-spacing: 0.01em; color: var(--wp--custom--color--on-dark-muted); text-decoration: none; transition: color var(--wp--custom--motion--duration-fast) var(--wp--custom--motion--easing); } .inb-header .inb-header__nav .wp-block-navigation-item__content:hover, .inb-header .inb-header__nav .wp-block-navigation-item__content:focus-visible, .inb-header .inb-header__nav .wp-block-navigation-item__content.is-active { color: var(--wp--custom--color--on-dark); } .inb-header .inb-header__nav .wp-block-navigation-item__content::after { content: ""; position: absolute; inset-inline: 0; bottom: 0.55rem; height: 2px; border-radius: 2px; background: var(--wp--custom--color--accent-on-dark); transform: scaleX(0); transform-origin: right center; transition: transform var(--wp--custom--motion--duration) var(--wp--custom--motion--easing-out); } .inb-header .inb-header__nav .wp-block-navigation-item__content:hover::after, .inb-header .inb-header__nav .wp-block-navigation-item__content:focus-visible::after, .inb-header .inb-header__nav .wp-block-navigation-item__content.is-active::after { transform: scaleX(1); transform-origin: left center; } .inb-header .inb-header__nav .wp-block-navigation-item__content:focus-visible { outline-offset: 2px; border-radius: var(--wp--preset--border-radius--small); } @media (max-width: 900px) { .inb-header .inb-header__nav .wp-block-navigation__responsive-container-open:not(.always-shown) { display: flex; } .inb-header .inb-header__nav .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) { display: none; } .inb-header .inb-logo { margin-inline-end: auto; } .inb-header .inb-header__nav { order: 3; flex: 0 0 auto; } } .inb-header .inb-header__nav .wp-block-navigation__responsive-container-open { align-items: center; justify-content: center; width: 2.75rem; height: 2.75rem; color: inherit; } .inb-header .inb-header__nav .wp-block-navigation__responsive-container-open svg { width: 28px; height: 28px; } .inb-header .inb-header__nav .wp-block-navigation__responsive-container.is-menu-open { padding: var(--wp--preset--spacing--40); } .inb-header .inb-header__nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close { display: flex; align-items: center; justify-content: center; width: 2.75rem; height: 2.75rem; top: 0.75rem; right: max(1rem, var(--wp--style--root--padding-right, 1rem)); color: inherit; } .inb-header .inb-header__nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close svg { width: 28px; height: 28px; } .inb-header .inb-header__nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content { padding-top: 4.5rem; align-items: stretch; } .inb-header .inb-header__nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container { gap: 0; width: 100%; align-items: stretch; } .inb-header .inb-header__nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item { width: 100%; border-block-end: 1px solid var(--wp--custom--color--rule-on-dark); } .inb-header .inb-header__nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content { display: flex; width: 100%; min-height: 3.5rem; padding-block: 0.5rem; font-size: var(--wp--preset--font-size--x-large); font-weight: var(--wp--custom--font-weight--light); letter-spacing: var(--wp--custom--letter-spacing--tight); } .inb-header .inb-header__nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content::after { display: none; } .inb-header .inb-header__nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content { color: var(--wp--custom--color--on-dark); transition: color var(--wp--custom--motion--duration-fast) var(--wp--custom--motion--easing), padding var(--wp--custom--motion--duration-fast) var(--wp--custom--motion--easing); } .inb-header .inb-header__nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content:hover, .inb-header .inb-header__nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content:focus-visible, .inb-header .inb-header__nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content.is-active { color: var(--wp--custom--color--accent-on-dark); } @media (hover: hover) { .inb-header .inb-header__nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content:hover { padding-inline-start: 0.5rem; } } @media (prefers-reduced-motion: no-preference) { .inb-header .inb-header__nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item { animation: inb-menu-item 520ms var(--wp--custom--motion--easing-out) both; } .inb-header .inb-header__nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item:nth-child(2) { animation-delay: 40ms; } .inb-header .inb-header__nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item:nth-child(3) { animation-delay: 80ms; } .inb-header .inb-header__nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item:nth-child(4) { animation-delay: 120ms; } .inb-header .inb-header__nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item:nth-child(5) { animation-delay: 160ms; } .inb-header .inb-header__nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item:nth-child(6) { animation-delay: 200ms; } } @keyframes inb-menu-item { from { opacity: 0; transform: translate3d(0, 0.75rem, 0); } to { opacity: 1; transform: none; } } .wp-site-blocks > header.inb-sticky-fixed:has(> .inb-header) { position: sticky !important; inset-inline: auto; width: auto; box-shadow: none; } .wp-site-blocks > header:has(> .inb-header) + .inb-sticky-placeholder { display: none !important; } .inb-footer-signature { box-sizing: border-box; } .inb-sticky-fixed .inb-header .inb-logo a { color: inherit !important; } .inb-sticky-fixed .inb-header .inb-header__nav .wp-block-navigation-item__content { color: var(--wp--custom--color--on-dark-muted) !important; } .inb-sticky-fixed .inb-header .inb-header__nav .wp-block-navigation-item__content:is(:hover, :focus-visible, .is-active) { color: var(--wp--custom--color--on-dark) !important; } .inb-sticky-fixed .inb-header .inb-header__nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content { color: var(--wp--custom--color--on-dark) !important; } .inb-sticky-fixed .inb-header .inb-header__nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content:is(:hover, :focus-visible, .is-active) { color: var(--wp--custom--color--accent-on-dark) !important; } .inb-sticky-fixed .inb-header .wp-block-button.is-style-inb-accent .wp-block-button__link { color: var(--wp--custom--color--surface-dark) !important; } @media (max-width: 600px) { .inb-header .inb-logo { --inb-logo-height: 2.375rem; } } @media (max-width: 480px) { .inb-header .inb-header__bar { gap: var(--wp--preset--spacing--20); } } @media (max-width: 420px) { .inb-header .inb-logo { --inb-logo-height: 2.125rem; } .inb-header .inb-header__actions .wp-block-button__link { padding-inline: 0.625rem; } } .inb-footer { border-block-start: 1px solid var(--wp--custom--color--rule-on-dark); padding-block: var(--wp--preset--spacing--60) var(--wp--preset--spacing--40); } .inb-footer .inb-footer__grid { gap: var(--wp--preset--spacing--50); margin-block-end: var(--wp--preset--spacing--60); } .inb-footer .inb-footer__brand .inb-logo { --inb-logo-height: clamp(3.5rem, 2.75rem + 2vw, 4.75rem); } .inb-footer .inb-footer__tagline { margin-block-start: var(--wp--preset--spacing--50); max-width: 22ch; font-size: var(--wp--preset--font-size--x-large); font-weight: var(--wp--custom--font-weight--light); line-height: var(--wp--custom--line-height--tight); letter-spacing: var(--wp--custom--letter-spacing--tight); text-wrap: balance; } .inb-footer .inb-footer__tagline strong { font-weight: var(--wp--custom--font-weight--black); } .inb-footer .inb-footer__owner { margin-block-start: var(--wp--preset--spacing--50); } .inb-footer .inb-footer__owner > .inb-footer__label { margin-block: 0 0.75rem; } .inb-footer .inb-footer__owner-link { display: inline-block; padding: 0.375rem; margin: -0.375rem; border-radius: 2px; line-height: 0; color: var(--wp--custom--color--on-dark); text-decoration: none; } .inb-footer .inb-footer__owner-logo { --inb-owner-logo-height: clamp(3.25rem, 3rem + 0.5vw, 3.75rem); display: block; height: var(--inb-owner-logo-height); width: auto; max-width: none; aspect-ratio: 431 / 155; } @media (forced-colors: active) { .inb-footer .inb-footer__owner-link { forced-color-adjust: none; background-color: var(--wp--preset--color--primary-deep); } } .inb-footer .inb-footer__owner-link { box-shadow: inset 0 -1px 0 transparent; } @media (prefers-reduced-motion: no-preference) { .inb-footer .inb-footer__owner-link { transition: box-shadow var(--wp--custom--motion--duration-fast) var(--wp--custom--motion--easing); } } .inb-footer .inb-footer__owner-link:is(:focus-visible, :active) { box-shadow: inset 0 -1px 0 var(--wp--custom--color--accent-on-dark); } @media (hover: hover) { .inb-footer .inb-footer__owner-link:hover { box-shadow: inset 0 -1px 0 var(--wp--custom--color--accent-on-dark); } } .inb-footer .inb-footer__label { font-size: var(--wp--preset--font-size--small); font-weight: var(--wp--custom--font-weight--semibold); letter-spacing: 0.08em; color: var(--wp--custom--color--accent-on-dark); } .inb-footer .inb-footer__contact > *, .inb-footer .inb-footer__links > * { margin-block: 0; } .inb-footer .inb-footer__contact > .inb-footer__label, .inb-footer .inb-footer__links > .inb-footer__label { margin-block-end: var(--wp--preset--spacing--40); } .inb-footer .inb-footer__contact > * + * { margin-block-start: 0.5rem; } .inb-footer .inb-footer__phone { font-size: var(--wp--preset--font-size--large); font-weight: var(--wp--custom--font-weight--bold); font-variant-numeric: lining-nums tabular-nums; } .inb-footer .inb-footer__contact .inb-footer__address { margin-block: var(--wp--preset--spacing--30); line-height: 1.5; } .inb-footer .inb-footer__contact a, .inb-footer .inb-footer__nav a { display: inline-block; padding-block: 0.6rem; margin-block: -0.6rem; } .inb-footer .inb-footer__nav { margin: 0; display: grid; gap: 0.85rem; } .inb-footer .inb-footer__contact a, .inb-footer .inb-footer__nav a { color: var(--wp--custom--color--on-dark); text-decoration: none; } @media (prefers-reduced-motion: no-preference) { .inb-footer .inb-footer__contact a, .inb-footer .inb-footer__nav a { transition: color var(--wp--custom--motion--duration-fast) var(--wp--custom--motion--easing); } } .inb-footer .inb-footer__contact a:is(:focus-visible, :active), .inb-footer .inb-footer__nav a:is(:focus-visible, :active) { color: var(--wp--custom--color--accent-on-dark); text-decoration: none; } @media (hover: hover) { .inb-footer .inb-footer__contact a:hover, .inb-footer .inb-footer__nav a:hover { color: var(--wp--custom--color--accent-on-dark); text-decoration: none; } } .inb-footer .inb-footer__bottom { padding-block-start: var(--wp--preset--spacing--40); gap: var(--wp--preset--spacing--20) var(--wp--preset--spacing--40); font-size: var(--wp--preset--font-size--small); } .inb-footer .inb-footer__bottom > p { margin: 0; } @media (max-width: 781px) { .inb-footer .inb-footer__nav { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.inb-lightbox figure { position: relative; } .inb-lightbox__open { position: absolute; inset: 0; z-index: 2; display: flex; align-items: flex-end; justify-content: flex-end; padding: clamp(0.75rem, 0.5rem + 0.75vw, 1.25rem); border: 0; background: transparent; cursor: zoom-in; -webkit-tap-highlight-color: transparent; } .inb-lightbox__open-icon { display: grid; place-items: center; width: 2.75rem; height: 2.75rem; border-radius: 50%; background: color-mix(in srgb, var(--wp--custom--color--surface-dark) 72%, transparent); color: var(--wp--custom--color--on-dark); box-shadow: 0 0.5rem 1.25rem -0.5rem color-mix(in srgb, var(--wp--preset--color--primary-deep) 80%, transparent); transform: scale(0.9); opacity: 0.88; transition: transform var(--wp--custom--motion--duration-fast) var(--wp--custom--motion--easing-out), opacity var(--wp--custom--motion--duration-fast) var(--wp--custom--motion--easing), background-color var(--wp--custom--motion--duration-fast) var(--wp--custom--motion--easing); } .inb-lightbox__open svg, .inb-lightbox-dialog svg { width: 1.25rem; height: 1.25rem; fill: none; stroke: currentColor; stroke-width: 1.75; stroke-linecap: round; stroke-linejoin: round; } .inb-lightbox figure img { transition: scale 900ms var(--wp--custom--motion--easing-out); } .inb-js .inb-lightbox .inb-mask img { transition: transform 2000ms var(--wp--custom--motion--easing-out) var(--inb-delay, 0ms), scale 900ms var(--wp--custom--motion--easing-out); } @media (hover: hover) { .inb-lightbox figure:hover img { scale: 1.035; } .inb-lightbox figure:hover .inb-lightbox__open-icon { transform: none; opacity: 1; background: var(--wp--custom--color--surface-dark); } } .inb-lightbox__open:focus-visible { outline: 3px solid var(--wp--custom--color--focus); outline-offset: -3px; } .inb-lightbox__open:focus-visible .inb-lightbox__open-icon { transform: none; opacity: 1; background: var(--wp--custom--color--surface-dark); outline: 2px solid var(--wp--custom--color--focus-on-dark); outline-offset: 2px; } .inb-lightbox__open:active .inb-lightbox__open-icon { transform: scale(0.92); } html.inb-lightbox-open { overflow: hidden; } .inb-lightbox-dialog { --inb-lb-pad-top: clamp(3.75rem, 2.5rem + 3vw, 5rem); --inb-lb-pad-inline: clamp(0.75rem, 0.25rem + 2vw, 2.5rem); --inb-lb-pad-bottom: clamp(1rem, 0.5rem + 1.5vw, 1.75rem); --inb-lb-edge: clamp(0.75rem, 0.5rem + 0.75vw, 1.25rem); box-sizing: border-box; width: 100vw; max-width: 100vw; height: 100vh; height: 100dvh; max-height: 100vh; max-height: 100dvh; margin: 0; padding: var(--inb-lb-pad-top) var(--inb-lb-pad-inline) var(--inb-lb-pad-bottom); border: 0; background: color-mix(in srgb, var(--wp--custom--color--surface-dark) 96%, transparent); color: var(--wp--custom--color--on-dark); font-family: var(--wp--preset--font-family--body); overflow: hidden; } .inb-lightbox-dialog[open] { display: grid; grid-template-rows: minmax(0, 1fr) auto; gap: clamp(0.75rem, 0.5rem + 1vw, 1.25rem); } .inb-lightbox-dialog::backdrop { background: color-mix(in srgb, var(--wp--custom--color--surface-dark) 60%, transparent); } .inb-lightbox__stage { --inb-lb-nav: clamp(3.5rem, 2.25rem + 2.5vw, 5.5rem); display: grid; grid-template-columns: var(--inb-lb-nav) minmax(0, 1fr) var(--inb-lb-nav); grid-template-rows: minmax(0, 1fr); place-items: center; min-width: 0; min-height: 0; touch-action: pan-y; user-select: none; } .inb-lightbox__img { grid-area: 1 / 2; display: block; box-sizing: border-box; max-width: 100%; max-height: 100%; width: auto; height: auto; min-width: 0; min-height: 0; object-fit: contain; transition: opacity var(--wp--custom--motion--duration-fast) var(--wp--custom--motion--easing); } .inb-lightbox__img.is-loading { opacity: 0; } .inb-lightbox__bar { width: min(100%, 64rem); margin-inline: auto; } .inb-lightbox__caption { margin: 0; font-size: var(--wp--preset--font-size--small); line-height: 1.45; color: var(--wp--custom--color--on-dark-muted); text-align: center; text-wrap: balance; } .inb-lightbox__count { display: inline-block; margin-inline-end: 0.5rem; font-weight: var(--wp--custom--font-weight--bold); letter-spacing: 0.08em; color: var(--wp--custom--color--accent-on-dark); font-variant-numeric: tabular-nums; } .inb-lightbox__close { position: absolute; z-index: 2; top: var(--inb-lb-edge); right: var(--inb-lb-edge); display: grid; place-items: center; width: 3rem; height: 3rem; padding: 0; border: 1px solid var(--wp--custom--color--rule-on-dark); border-radius: 50%; background: transparent; color: var(--wp--custom--color--on-dark); cursor: pointer; transition: background-color var(--wp--custom--motion--duration-fast) var(--wp--custom--motion--easing), border-color var(--wp--custom--motion--duration-fast) var(--wp--custom--motion--easing), color var(--wp--custom--motion--duration-fast) var(--wp--custom--motion--easing), transform var(--wp--custom--motion--duration-fast) var(--wp--custom--motion--easing-out); } .inb-lightbox__nav { position: relative; z-index: 1; display: grid; place-items: center; box-sizing: border-box; width: 100%; min-width: 2.75rem; height: min(100%, 11rem); min-height: 2.75rem; padding: 0; border: 0; border-radius: 0.75rem; background: transparent; color: var(--wp--custom--color--on-dark); opacity: 0.42; cursor: pointer; -webkit-tap-highlight-color: transparent; transition: opacity var(--wp--custom--motion--duration-fast) var(--wp--custom--motion--easing), color var(--wp--custom--motion--duration-fast) var(--wp--custom--motion--easing), background-color var(--wp--custom--motion--duration-fast) var(--wp--custom--motion--easing); } .inb-lightbox__nav--prev { grid-area: 1 / 1; } .inb-lightbox__nav--next { grid-area: 1 / 3; } .inb-lightbox__nav svg { width: clamp(1.125rem, 0.75rem + 0.9vw, 1.75rem); height: clamp(2.25rem, 1.5rem + 1.8vw, 3.5rem); stroke-width: 1.25; transition: transform var(--wp--custom--motion--duration-fast) var(--wp--custom--motion--easing-out); } .inb-lightbox__nav path { vector-effect: non-scaling-stroke; } @media (hover: hover) { .inb-lightbox__close:hover { background: var(--wp--custom--color--on-dark); border-color: var(--wp--custom--color--on-dark); color: var(--wp--custom--color--surface-dark); } .inb-lightbox__nav:hover { opacity: 1; color: var(--wp--custom--color--accent-on-dark); background: color-mix(in srgb, var(--wp--preset--color--primary) 22%, transparent); } } @media (hover: hover) and (prefers-reduced-motion: no-preference) { .inb-lightbox__nav--prev:hover svg { transform: translate3d(-0.3rem, 0, 0); } .inb-lightbox__nav--next:hover svg { transform: translate3d(0.3rem, 0, 0); } } .inb-lightbox__close:active { transform: scale(0.94); } .inb-lightbox__nav:active { opacity: 1; color: var(--wp--custom--color--accent-on-dark); } .inb-lightbox-dialog :focus-visible { outline: 2px solid var(--wp--custom--color--focus-on-dark); outline-offset: 3px; } .inb-lightbox-dialog .inb-lightbox__nav:focus-visible { opacity: 1; color: var(--wp--custom--color--accent-on-dark); background: color-mix(in srgb, var(--wp--custom--color--surface-dark) 55%, var(--wp--preset--color--primary)); outline-offset: -2px; } .inb-lightbox-dialog.is-single .inb-lightbox__nav { visibility: hidden; } @media (prefers-reduced-motion: no-preference) { .inb-lightbox-dialog[open] { animation: inb-lightbox-in 360ms var(--wp--custom--motion--easing-out) both; } .inb-lightbox-dialog[open] .inb-lightbox__stage { animation: inb-lightbox-zoom 520ms var(--wp--custom--motion--easing-out) both; } } @keyframes inb-lightbox-in { from { opacity: 0; } to { opacity: 1; } } @keyframes inb-lightbox-zoom { from { transform: scale(0.96); } to { transform: none; } } @media (max-width: 600px) { .inb-lightbox__caption .inb-lightbox__text { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } .inb-lightbox__stage { grid-template-columns: minmax(0, 1fr); } .inb-lightbox__img, .inb-lightbox__nav--prev, .inb-lightbox__nav--next { grid-area: 1 / 1; } .inb-lightbox__nav { width: 2.75rem; height: 4rem; opacity: 0.72; background: color-mix(in srgb, var(--wp--custom--color--surface-dark) 38%, transparent); } .inb-lightbox__nav--prev { justify-self: start; margin-inline-start: calc(-1 * var(--inb-lb-pad-inline) + 0.25rem); } .inb-lightbox__nav--next { justify-self: end; margin-inline-end: calc(-1 * var(--inb-lb-pad-inline) + 0.25rem); } .inb-lightbox__nav svg { width: 1rem; height: 2rem; } } @media (min-width: 601px) and (max-height: 560px) { .inb-lightbox-dialog { --inb-lb-pad-top: 0.75rem; --inb-lb-pad-bottom: 0.625rem; --inb-lb-edge: 0.5rem; } .inb-lightbox-dialog[open] { gap: 0.5rem; } .inb-lightbox__caption .inb-lightbox__text { display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; } }
@property --p { syntax: "<number>"; inherits: true; initial-value: 0; } @property --a { syntax: "<number>"; inherits: true; initial-value: 0; } @property --t { syntax: "<number>"; inherits: true; initial-value: 0; } @property --m { syntax: "<number>"; inherits: true; initial-value: 0; } @property --ae { syntax: "<number>"; inherits: true; initial-value: 0; } @property --te { syntax: "<number>"; inherits: true; initial-value: 0; } @property --me { syntax: "<number>"; inherits: true; initial-value: 0; } @property --mp { syntax: "<number>"; inherits: true; initial-value: 0; } @property --mpe { syntax: "<number>"; inherits: true; initial-value: 0; } .inb-hero { --inb-hero-min: clamp(34rem, 84svh, 50rem); position: relative; overflow: hidden; isolation: isolate; } .inb-cine__stage { position: relative; display: grid; min-height: var(--inb-hero-min); } .inb-cine__frame { grid-area: 1 / 1; position: relative; z-index: 0; margin: 0; } .inb-cine__layer { margin: 0; } .inb-cine__layer img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: 52% 40%; } .inb-cine__base img { min-height: var(--inb-hero-min); } .inb-cine__frame > .inb-cine__layer:not(.inb-cine__base) { display: none; } .inb-cine__frame::after { content: ""; position: absolute; inset: 0 0 auto; height: 30%; z-index: 1; background: linear-gradient(to bottom, color-mix(in srgb, var(--wp--custom--color--surface-dark) 45%, transparent), transparent); pointer-events: none; } .inb-hero .inb-hero__content { grid-area: 1 / 1; align-self: end; position: relative; z-index: 2; isolation: isolate; width: min(100%, 44rem); padding: 0 var(--wp--preset--spacing--40) clamp(2.5rem, 1.5rem + 4vw, 5.5rem) max(var(--wp--preset--spacing--40), calc((100vw - var(--wp--style--global--wide-size)) / 2)); box-sizing: content-box; } .inb-hero .inb-hero__content::before { content: ""; position: absolute; z-index: -1; left: 0; bottom: 0; top: calc(-1 * clamp(4.5rem, 2rem + 7vw, 9rem)); width: calc(100% + 26vw); background: var(--wp--custom--color--surface-dark); -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 700' preserveAspectRatio='none'%3E%3Cpath d='M0 700V62C232 4 520 6 712 128c150 96 236 300 288 572z'/%3E%3C/svg%3E") left bottom / 100% 100% no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 700' preserveAspectRatio='none'%3E%3Cpath d='M0 700V62C232 4 520 6 712 128c150 96 236 300 288 572z'/%3E%3C/svg%3E") left bottom / 100% 100% no-repeat; pointer-events: none; } .inb-hero__content > * { margin-block: 0; } .inb-cine__logo img { display: block; width: clamp(11rem, 8rem + 8vw, 15rem); height: auto; aspect-ratio: 1484.5 / 339.7; } .inb-cine__logo { margin-block-end: clamp(1.25rem, 1rem + 1vw, 2rem) !important; } .inb-hero__title { display: grid; grid-template-columns: auto minmax(0, 10.5ch); align-items: center; column-gap: clamp(1rem, 0.5rem + 1.5vw, 1.75rem); font-size: var(--wp--preset--font-size--x-large); font-weight: var(--wp--custom--font-weight--light); line-height: 1.12; letter-spacing: var(--wp--custom--letter-spacing--tight); color: var(--wp--custom--color--on-dark); } .inb-hero__title strong { display: block; padding-inline-end: clamp(1rem, 0.5rem + 1.5vw, 1.75rem); border-inline-end: 2px solid var(--wp--custom--color--rule-on-dark); font-size: var(--wp--preset--font-size--display); font-weight: var(--wp--custom--font-weight--black); line-height: var(--wp--custom--line-height--display); letter-spacing: var(--wp--custom--letter-spacing--display); text-transform: uppercase; } .inb-hero__title strong mark { text-transform: none; font-weight: var(--wp--custom--font-weight--bold); } .inb-hero__lead { max-width: 34rem; margin-block-start: clamp(1.25rem, 1rem + 1vw, 2rem) !important; font-size: var(--wp--preset--font-size--medium); font-weight: var(--wp--custom--font-weight--light); color: var(--wp--custom--color--on-dark-muted); text-wrap: pretty; } .inb-hero__actions { margin-block-start: clamp(1.5rem, 1rem + 1.5vw, 2.5rem) !important; gap: 0.75rem; } .inb-hero__cta .wp-block-button__link { text-transform: uppercase; letter-spacing: 0.06em; } .inb-hero .inb-hero__actions .wp-block-button__link, .inb-hero .inb-hero__actions .wp-block-button__link:is(:hover, :focus, :focus-visible, :active, :visited) { text-decoration: none; } .editor-styles-wrapper .inb-cine__frame { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 4px; align-content: start; } .editor-styles-wrapper .inb-cine__frame > .inb-cine__layer:not(.inb-cine__base) { display: block; aspect-ratio: 16 / 9; } .editor-styles-wrapper .inb-cine__frame > .inb-cine__base { grid-column: 1 / -1; } .editor-styles-wrapper .inb-cine__frame::after { display: none; } @media (max-width: 781px) { .inb-cine__stage { display: block; min-height: 0; } .inb-cine__frame::after { display: none; } .inb-cine__base img { min-height: 0; height: clamp(17rem, 58svh, 30rem); object-position: 48% 50%; } .inb-hero .inb-hero__content { width: auto; box-sizing: border-box; padding: 0.5rem var(--wp--preset--spacing--40) 3rem; background: var(--wp--custom--color--surface-dark); } .inb-hero .inb-hero__content::before { z-index: 0; inset-inline: 0; top: auto; bottom: calc(100% - 1px); width: auto; height: 3.5rem; background: inherit; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 60' preserveAspectRatio='none'%3E%3Cpath d='M0 60V18C90-4 210 0 280 22c46 14 82 30 120 38z'/%3E%3C/svg%3E") center bottom / 100% 100% no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 60' preserveAspectRatio='none'%3E%3Cpath d='M0 60V18C90-4 210 0 280 22c46 14 82 30 120 38z'/%3E%3C/svg%3E") center bottom / 100% 100% no-repeat; } .inb-hero__title { grid-template-columns: auto minmax(0, 1fr); } } @media (max-width: 420px) { .inb-hero__title { grid-template-columns: minmax(0, 1fr); row-gap: 0.85rem; } .inb-hero__title strong { padding-inline-end: 0; border-inline-end: 0; padding-block-end: 0.85rem; border-block-end: 2px solid var(--wp--custom--color--rule-on-dark); width: fit-content; } .inb-hero__actions .wp-block-button, .inb-hero__actions .wp-block-button__link { width: 100%; } } .inb-hero:not(.inb-cine) { display: grid; min-height: var(--inb-hero-min); } .inb-hero:not(.inb-cine) > .inb-hero__media { grid-area: 1 / 1; margin: 0; } .inb-hero:not(.inb-cine) > .inb-hero__media img { display: block; width: 100%; height: 100%; min-height: var(--inb-hero-min); object-fit: cover; object-position: 70% 40%; } @media (max-width: 781px) { .inb-hero:not(.inb-cine) { display: block; min-height: 0; } .inb-hero:not(.inb-cine) > .inb-hero__media img { min-height: 0; height: clamp(17rem, 58svh, 30rem); object-position: 62% 50%; } } @media (prefers-reduced-motion: no-preference) and (min-height: 30rem) { .inb-js:not(.inb-scene-fallback) .inb-cine { --a: clamp(0, (var(--p) - 0.04) / 0.42, 1); --t: clamp(0, (var(--p) - 0.36) / 0.3, 1); --m: clamp(0, (var(--p) - 0.58) / 0.3, 1); --ae: calc(var(--a) * var(--a) * (3 - 2 * var(--a))); --te: calc(var(--t) * var(--t) * (3 - 2 * var(--t))); --me: calc(var(--m) * var(--m) * (3 - 2 * var(--m))); --mp: clamp(0, var(--m) * 1.8, 1); --mpe: calc(var(--mp) * var(--mp) * (3 - 2 * var(--mp))); height: var(--inb-cine-length, 330svh); overflow: visible; } .inb-js:not(.inb-scene-fallback) .inb-cine__stage { position: sticky; top: var(--inb-header-h, calc(4.5rem + var(--wp-admin--admin-bar--height, 0px))); height: calc(100svh - var(--inb-header-h, calc(4.5rem + var(--wp-admin--admin-bar--height, 0px)))); min-height: 0; overflow: clip; } .inb-js:not(.inb-scene-fallback) .inb-cine__frame { position: absolute; inset: 0; --inv: calc(1 - var(--ae)); clip-path: inset(calc(var(--inv) * 21%) calc(var(--inv) * 25%) calc(var(--inv) * 7%) calc(var(--inv) * 25%) round calc(var(--inv) * 25vw) calc(var(--inv) * 25vw) calc(var(--inv) * 0.5rem) calc(var(--inv) * 0.5rem)); } .inb-js:not(.inb-scene-fallback) .inb-cine__frame::after { height: 22%; opacity: var(--me); } .inb-js:not(.inb-scene-fallback) .inb-cine__frame > .inb-cine__layer { display: block; position: absolute; inset: 0; transform-origin: 50% 75%; backface-visibility: hidden; } .inb-js:not(.inb-scene-fallback) .inb-cine__frame > .inb-cine__layer img { height: 100%; min-height: 0; } .inb-js:not(.inb-scene-fallback) .inb-cine__base, .inb-js:not(.inb-scene-fallback) .inb-cine__scene { transform: translate3d(calc((1 - var(--ae)) * 2% + var(--me) * 4%), 0, 0) scale(calc(0.74 + 0.36 * var(--ae))); } .inb-js:not(.inb-scene-fallback) .inb-cine__sky { transform: translate3d(calc((1 - var(--ae)) * 2% + var(--me) * 1.5%), 0, 0) scale(calc(0.74 + 0.3 * var(--ae))); } .inb-js:not(.inb-scene-fallback) .inb-cine__sky--dusk, .inb-js:not(.inb-scene-fallback) .inb-cine__scene--dusk, .inb-js:not(.inb-scene-fallback) .inb-cine__dusk { opacity: var(--te); } .inb-js:not(.inb-scene-fallback) .inb-cine__sky, .inb-js:not(.inb-scene-fallback) .inb-cine__scene { visibility: hidden; } .inb-js:not(.inb-scene-fallback) .inb-cine.is-ready .inb-cine__sky, .inb-js:not(.inb-scene-fallback) .inb-cine.is-ready .inb-cine__scene { visibility: visible; } .inb-js:not(.inb-scene-fallback) .inb-cine.is-ready .inb-cine__base { visibility: hidden; } .inb-js:not(.inb-scene-fallback) .inb-cine__dusk { display: none !important; } .inb-js:not(.inb-scene-fallback) .inb-cine .inb-hero__content { position: absolute; inset: 0; align-self: stretch; justify-self: stretch; margin: 0 !important; z-index: 2; display: grid; grid-template-rows: auto 1fr auto auto auto; align-content: stretch; width: auto; box-sizing: border-box; padding: 0 var(--wp--preset--spacing--40) clamp(2.5rem, 1.5rem + 4vw, 5.5rem) max(var(--wp--preset--spacing--40), calc((100vw - var(--wp--style--global--wide-size)) / 2)); pointer-events: none; } .inb-js:not(.inb-scene-fallback) .inb-cine .inb-hero__content > * { pointer-events: auto; max-width: 40rem; } .inb-js:not(.inb-scene-fallback) .inb-cine .inb-hero__content::before { top: auto; height: min(64%, 38rem); width: min(100%, calc(max(var(--wp--preset--spacing--40), calc((100vw - var(--wp--style--global--wide-size)) / 2)) + 44rem + 26vw)); transform: translate3d(0, calc((1 - var(--mpe)) * 105%), 0); } .inb-js:not(.inb-scene-fallback) .inb-cine__logo { grid-row: 1; justify-self: center; align-self: center; height: 21%; max-width: none !important; display: grid; place-items: center; margin: 0 !important; position: absolute; inset: 0 0 auto; opacity: calc(1 - var(--a) * 2.4); transform: translate3d(0, calc(var(--ae) * -40%), 0) scale(calc(1 - var(--ae) * 0.12)); } .inb-js:not(.inb-scene-fallback) .inb-cine__logo img { width: clamp(13rem, 6rem + 15vw, 21rem); } .inb-js:not(.inb-scene-fallback) .inb-cine .inb-hero__title { grid-row: 3; opacity: clamp(0, (var(--m) - 0.45) * 3.5, 1); transform: translate3d(0, calc((1 - clamp(0, (var(--m) - 0.42) * 2.4, 1)) * 2.5rem), 0); } .inb-js:not(.inb-scene-fallback) .inb-cine .inb-hero__lead { grid-row: 4; opacity: clamp(0, (var(--m) - 0.56) * 3.5, 1); transform: translate3d(0, calc((1 - clamp(0, (var(--m) - 0.52) * 2.4, 1)) * 2rem), 0); } .inb-js:not(.inb-scene-fallback) .inb-cine .inb-hero__actions { grid-row: 5; opacity: clamp(0, (var(--m) - 0.66) * 3.5, 1); transform: translate3d(0, calc((1 - clamp(0, (var(--m) - 0.62) * 2.7, 1)) * 1.5rem), 0); } .inb-js:not(.inb-scene-fallback) .inb-cine:not(.is-end) .inb-hero__actions { pointer-events: none; } @media (max-width: 781px) { .inb-js:not(.inb-scene-fallback) .inb-cine { --inb-cine-length: 240svh; } .inb-js:not(.inb-scene-fallback) .inb-cine__frame { clip-path: inset(calc(var(--inv) * 19%) calc(var(--inv) * 6%) calc(var(--inv) * 6%) calc(var(--inv) * 6%) round calc(var(--inv) * 44vw) calc(var(--inv) * 44vw) calc(var(--inv) * 0.5rem) calc(var(--inv) * 0.5rem)); } .inb-js:not(.inb-scene-fallback) .inb-cine__frame > .inb-cine__layer { transform-origin: 50% 55%; } .inb-js:not(.inb-scene-fallback) .inb-cine__layer img { object-position: 48% 50%; } .inb-js:not(.inb-scene-fallback) .inb-cine__frame > .inb-cine__sky, .inb-js:not(.inb-scene-fallback) .inb-cine__frame > .inb-cine__scene { display: none; } .inb-js:not(.inb-scene-fallback) .inb-cine.is-ready .inb-cine__base, .inb-js:not(.inb-scene-fallback) .inb-cine__base { visibility: visible; } .inb-js:not(.inb-scene-fallback) .inb-cine__frame > .inb-cine__dusk { display: block !important; } .inb-js:not(.inb-scene-fallback) .inb-cine__base, .inb-js:not(.inb-scene-fallback) .inb-cine__dusk { transform: translate3d(0, calc((1 - var(--ae)) * 15% - var(--me) * 17%), 0) scale(calc(1 + 0.08 * var(--ae))); } .inb-js:not(.inb-scene-fallback) .inb-cine .inb-hero__content { padding: 0 var(--wp--preset--spacing--40) 2rem; background: none; } .inb-js:not(.inb-scene-fallback) .inb-cine .inb-hero__content > * { max-width: none; } .inb-js:not(.inb-scene-fallback) .inb-cine__logo { height: 19%; } .inb-js:not(.inb-scene-fallback) .inb-cine__logo img { width: min(74vw, 18rem); } .inb-js:not(.inb-scene-fallback) .inb-cine .inb-hero__content::before { inset: auto 0 0; top: auto; width: auto; height: 58%; max-height: none; background: var(--wp--custom--color--surface-dark); -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 600' preserveAspectRatio='none'%3E%3Cpath d='M0 600V34C90 0 210 4 280 30c46 17 82 33 120 42v528z'/%3E%3C/svg%3E") center bottom / 100% 100% no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 600' preserveAspectRatio='none'%3E%3Cpath d='M0 600V34C90 0 210 4 280 30c46 17 82 33 120 42v528z'/%3E%3C/svg%3E") center bottom / 100% 100% no-repeat; transform: translate3d(0, calc((1 - var(--mpe)) * 100%), 0); } .inb-js:not(.inb-scene-fallback) .inb-cine .inb-hero__lead { font-size: var(--wp--preset--font-size--small); } } }
.inb-about, .inb-numbers, .inb-gallery { --inb-gutter: var(--wp--style--root--padding-left, var(--wp--preset--spacing--40)); --inb-wide: var(--wp--style--global--wide-size, 1280px); } .inb-about { --inb-about-overhang: clamp(3rem, 1rem + 6vw, 7.5rem); display: grid; grid-template-columns: [full-start] minmax(var(--inb-gutter), 1fr) [wide-start] repeat(12, minmax(0, calc(var(--inb-wide) / 12))) [wide-end] minmax(var(--inb-gutter), 1fr) [full-end]; grid-template-rows: minmax(0, 1fr) var(--inb-about-overhang); background-color: var(--wp--preset--color--base); } .inb-about.inb-about > * { margin-block: 0; } .inb-about > .inb-about__media { grid-column: full-start / 10; grid-row: 1 / 2; min-height: clamp(30rem, 14rem + 40vw, 54rem); margin: 0; } .inb-about > .inb-about__media img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: 40% 45%; } .inb-about > .inb-about__body { grid-column: 9 / wide-end; grid-row: 1 / 3; align-self: end; position: relative; z-index: 1; background-color: var(--wp--preset--color--base); padding: clamp(2rem, 1rem + 3vw, 3.75rem) 0 0 clamp(1.75rem, 0.75rem + 3vw, 3.75rem); } .inb-about > .inb-about__body::before { content: ""; position: absolute; inset-block: clamp(2rem, 1rem + 3vw, 3.75rem) 0; inset-inline-start: 0; width: 2px; background-color: var(--wp--preset--color--primary); } .inb-about__body > * { margin-block: 0; } .inb-about .inb-about__title { margin-block-start: 1.25rem; font-size: var(--wp--preset--font-size--xx-large); color: var(--wp--custom--color--text); } .inb-about__title strong { display: block; } .inb-about > .inb-about__body.inb-stagger { --inb-stagger-base: 380ms; } @media (prefers-reduced-motion: no-preference) { .inb-js .inb-about > .inb-about__body.inb-stagger::before { transform: scaleY(0); transform-origin: top center; transition: transform 1200ms var(--wp--custom--motion--easing-out) 300ms; } .inb-js .inb-about > .inb-about__body.is-inview::before { transform: none; } } .inb-about .inb-about__lead { margin-block-start: clamp(1.25rem, 1rem + 1vw, 2rem); font-size: var(--wp--preset--font-size--large); font-weight: var(--wp--custom--font-weight--light); line-height: 1.4; color: var(--wp--custom--color--text); text-wrap: pretty; } .inb-about .inb-about__text { margin-block-start: 1rem; max-width: 36rem; color: var(--wp--custom--color--text-muted); line-height: var(--wp--custom--line-height--body); text-wrap: pretty; } .inb-about .inb-about__actions { margin-block-start: clamp(1.5rem, 1rem + 1.5vw, 2.5rem); } @media (max-width: 1100px) and (min-width: 782px) { .inb-about > .inb-about__media { grid-column: full-start / 9; } .inb-about > .inb-about__body { grid-column: 7 / wide-end; } .inb-about .inb-about__title { font-size: var(--wp--preset--font-size--x-large); } } @media (max-width: 781px) { .inb-about { display: block; padding-block-start: 0 !important; } .inb-about > .inb-about__media { min-height: 0; } .inb-about > .inb-about__media img { height: auto; aspect-ratio: 4 / 3; object-position: 60% 50%; } .inb-about > .inb-about__body { margin: -3rem var(--inb-gutter) 0 0 !important; padding: 2rem var(--inb-gutter) 0 calc(var(--inb-gutter) + 1.25rem); } .inb-about > .inb-about__body::before { inset-inline-start: var(--inb-gutter); inset-block-start: 2rem; } .inb-about .inb-about__title { font-size: var(--wp--preset--font-size--x-large); } .inb-about .inb-about__lead { font-size: var(--wp--preset--font-size--medium); font-weight: var(--wp--custom--font-weight--regular); } } @media (max-width: 480px) { .inb-about__actions .wp-block-button, .inb-about__actions .wp-block-button__link { width: 100%; } } .inb-numbers { --inb-step-rise: clamp(3rem, 0.5rem + 6.5vw, 7.5rem); padding-inline: var(--inb-gutter); } .inb-numbers .inb-numbers__stairs { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); align-items: end; max-width: var(--inb-wide); margin-inline: auto; border-block-end: 1px solid var(--wp--custom--color--rule-on-dark); } .inb-numbers .inb-numbers__stairs > * { margin-block: 0; } .inb-numbers .inb-numbers__head { grid-column: 1 / 3; grid-row: 1; align-self: start; } .inb-numbers__head > * { margin-block: 0; } .inb-numbers .inb-numbers__title { margin-block-start: 1.25rem; font-size: var(--wp--preset--font-size--xx-large); color: var(--wp--custom--color--on-dark); } .inb-numbers__title strong { display: block; color: var(--wp--custom--color--accent-on-dark); } .inb-numbers .inb-numbers__step { grid-row: 1; position: relative; padding: clamp(1.25rem, 0.75rem + 1vw, 2rem) clamp(1rem, 0.25rem + 1.5vw, 2rem) 0; border-block-start: 1px solid var(--wp--custom--color--rule-on-dark); border-inline-start: 1px solid var(--wp--custom--color--rule-on-dark); } .inb-numbers .inb-numbers__step--1 { grid-column: 1; padding-block-end: clamp(1.5rem, 1rem + 1vw, 2.25rem); } .inb-numbers .inb-numbers__step--2 { grid-column: 2; padding-block-end: calc(clamp(1.5rem, 1rem + 1vw, 2.25rem) + var(--inb-step-rise)); } .inb-numbers .inb-numbers__step--3 { grid-column: 3; padding-block-end: calc(clamp(1.5rem, 1rem + 1vw, 2.25rem) + 2 * var(--inb-step-rise)); } .inb-numbers .inb-numbers__step--4 { grid-column: 4; padding-block-end: calc(clamp(1.5rem, 1rem + 1vw, 2.25rem) + 3 * var(--inb-step-rise)); } .inb-numbers .inb-numbers__step::before { content: ""; position: absolute; inset-block-start: -2px; inset-inline-start: -2px; width: 0.75rem; height: 0.75rem; border-block-start: 3px solid var(--wp--custom--color--accent-on-dark); border-inline-start: 3px solid var(--wp--custom--color--accent-on-dark); } .inb-numbers__step > * { margin-block: 0; } .inb-numbers .inb-numbers__prefix { font-size: var(--wp--preset--font-size--small); letter-spacing: 0.06em; color: var(--wp--custom--color--accent-on-dark); margin-block-end: 0.35rem; } .inb-numbers .inb-numbers__value { color: var(--wp--custom--color--on-dark); letter-spacing: 0; white-space: nowrap; } .inb-numbers .inb-numbers__unit { margin-block-start: 0.6rem; font-size: var(--wp--preset--font-size--large); font-weight: var(--wp--custom--font-weight--semibold); line-height: 1.2; color: var(--wp--custom--color--accent-on-dark); } .inb-numbers .inb-numbers__text { margin-block-start: 0.85rem; max-width: 22ch; font-size: var(--wp--preset--font-size--small); line-height: 1.5; color: var(--wp--custom--color--on-dark-muted); text-wrap: pretty; } .inb-js .inb-numbers__step--1.inb-reveal { --inb-delay: 0ms; } .inb-js .inb-numbers__step--2.inb-reveal { --inb-delay: 140ms; } .inb-js .inb-numbers__step--3.inb-reveal { --inb-delay: 280ms; } .inb-js .inb-numbers__step--4.inb-reveal { --inb-delay: 420ms; } @media (prefers-reduced-motion: no-preference) { .inb-js .inb-numbers .inb-numbers__step.inb-reveal { --inb-from-y: 3.5rem; } .inb-js .inb-numbers .inb-numbers__step.inb-reveal::before { transform: scale(0); transform-origin: top left; transition: transform 600ms var(--wp--custom--motion--easing-out); transition-delay: calc(var(--inb-delay, 0ms) + 450ms); } .inb-js .inb-numbers .inb-numbers__step.is-inview::before { transform: none; } } @media (max-width: 1100px) and (min-width: 782px) { .inb-numbers { --inb-step-rise: clamp(2.5rem, 1rem + 4vw, 4rem); } .inb-numbers .inb-numbers__value { font-size: var(--wp--preset--font-size--display); } .inb-numbers .inb-numbers__unit { font-size: var(--wp--preset--font-size--medium); } } @media (max-width: 781px) { .inb-numbers { --inb-step-indent: clamp(1rem, 0.25rem + 3vw, 2rem); } .inb-numbers .inb-numbers__stairs { display: block; border-block-end: 0; } .inb-numbers .inb-numbers__head { margin-block-end: 2.5rem; } .inb-numbers .inb-numbers__step { padding: 1.25rem 0 1.75rem 1.25rem !important; } .inb-numbers .inb-numbers__step--2 { margin-inline-start: var(--inb-step-indent); } .inb-numbers .inb-numbers__step--3 { margin-inline-start: calc(2 * var(--inb-step-indent)); } .inb-numbers .inb-numbers__step--4 { margin-inline-start: calc(3 * var(--inb-step-indent)); } .inb-numbers .inb-numbers__value { font-size: clamp(3.75rem, 2rem + 9vw, 5.5rem); } .inb-numbers .inb-numbers__unit { font-size: var(--wp--preset--font-size--medium); } .inb-numbers .inb-numbers__text { max-width: 30ch; } } @media (max-width: 781px) and (min-width: 560px) { .inb-numbers .inb-numbers__step { display: grid; grid-template-columns: minmax(9.5rem, auto) minmax(0, 1fr); column-gap: 1.75rem; align-items: end; } .inb-numbers .inb-numbers__step > * { grid-column: 2; } .inb-numbers .inb-numbers__step > .inb-numbers__value { grid-column: 1; grid-row: 1 / span 3; align-self: center; } .inb-numbers .inb-numbers__step > .inb-numbers__prefix { margin-block-end: 0; } } .inb-gallery { padding-inline: var(--inb-gutter); } .inb-gallery.inb-gallery > * { max-width: var(--inb-wide); margin-inline: auto; } .inb-gallery.inb-gallery > * + * { margin-block-start: clamp(2rem, 1.25rem + 2vw, 3.5rem); } .inb-gallery .inb-gallery__head { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 1rem 2rem; } .inb-gallery__head > * { margin-block: 0 !important; } .inb-gallery .inb-gallery__head > .inb-eyebrow { flex-basis: 100%; } .inb-gallery .inb-gallery__title { font-size: var(--wp--preset--font-size--xx-large); color: var(--wp--custom--color--text); } .inb-js .inb-gallery .inb-gallery__item--main.inb-mask { --inb-delay: 0ms; } .inb-js .inb-gallery .inb-gallery__item--top.inb-mask { --inb-delay: 180ms; } .inb-js .inb-gallery .inb-gallery__item--side.inb-mask { --inb-delay: 340ms; } .inb-gallery .inb-gallery__note { color: var(--wp--custom--color--text-muted); } .inb-gallery .inb-gallery__grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); grid-template-rows: minmax(0, 3fr) minmax(0, 2fr); gap: clamp(0.75rem, 0.5rem + 0.75vw, 1.25rem); height: clamp(30rem, 12rem + 38vw, 50rem); } .inb-gallery__grid > .inb-gallery__item { margin: 0; min-height: 0; overflow: hidden; } .inb-gallery__grid > .inb-gallery__item img { display: block; width: 100%; height: 100%; object-fit: cover; } .inb-gallery .inb-gallery__item--main { grid-column: 1 / 8; grid-row: 1 / 3; } .inb-gallery .inb-gallery__item--main img { object-position: 30% 55%; } .inb-gallery .inb-gallery__item--top { grid-column: 8 / 13; grid-row: 1; } .inb-gallery .inb-gallery__item--top img { object-position: 55% 30%; } .inb-gallery .inb-gallery__item--side { grid-column: 8 / 13; grid-row: 2; } .inb-gallery .inb-gallery__item--side img { object-position: 40% 60%; } @media (max-width: 781px) { .inb-gallery .inb-gallery__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: none; height: auto; } .inb-gallery .inb-gallery__item--main { grid-column: 1 / 3; grid-row: auto; aspect-ratio: 4 / 3; } .inb-gallery .inb-gallery__item--top, .inb-gallery .inb-gallery__item--side { grid-column: auto; grid-row: auto; aspect-ratio: 3 / 4; } .inb-gallery .inb-gallery__title { font-size: var(--wp--preset--font-size--x-large); } }
.inb-benefits { --inb-benefits-gutter: var(--wp--preset--spacing--40); --inb-benefits-edge: max(var(--inb-benefits-gutter), calc((100vw - var(--wp--style--global--wide-size)) / 2)); display: grid; grid-template-columns: minmax(0, 1fr); margin-block: 0; overflow-x: clip; } .inb-benefits > * { margin-block: 0; } .inb-benefits > .inb-benefits__media { margin: 0; aspect-ratio: 4 / 3; overflow: hidden; } .inb-benefits > .inb-benefits__media img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: 30% 70%; } .inb-benefits > .inb-benefits__body { padding: var(--wp--preset--spacing--60) var(--inb-benefits-gutter) var(--wp--preset--spacing--70); } .inb-benefits__body > * { margin-block: 0; } .inb-benefits .inb-benefits__head > * { margin-block: 0; } .inb-benefits .inb-benefits__title { max-width: 15ch; margin-block-start: 1.25rem; font-size: var(--wp--preset--font-size--xx-large); color: var(--wp--custom--color--on-dark); } .inb-benefits .inb-benefits__title strong { display: block; color: var(--wp--custom--color--accent-on-dark); } .inb-js .inb-benefits .inb-benefits__item.inb-reveal { --inb-from-x: 1.75rem; --inb-from-y: 0; } .inb-benefits .inb-benefits__list { margin-block-start: var(--wp--preset--spacing--60); } .inb-benefits .inb-benefits__list > * { margin-block: 0; } .inb-benefits .inb-benefits__item { padding-block: clamp(1.5rem, 1.1rem + 1.2vw, 2.25rem); } .inb-benefits .inb-benefits__item > * { margin-block: 0; } .inb-benefits .inb-benefits__item-title { font-size: var(--wp--preset--font-size--large); font-weight: var(--wp--custom--font-weight--bold); line-height: var(--wp--custom--line-height--tight); letter-spacing: var(--wp--custom--letter-spacing--tight); color: var(--wp--custom--color--on-dark); } .inb-benefits .inb-benefits__item-text { max-width: 44ch; margin-block-start: 0.6rem; font-weight: var(--wp--custom--font-weight--light); text-wrap: pretty; } .inb-benefits .inb-benefits__actions { margin-block-start: var(--wp--preset--spacing--50); } @media (min-width: 960px) { .inb-benefits { grid-template-columns: minmax(0, 11fr) minmax(0, 9fr); align-items: start; } .inb-benefits > .inb-benefits__media { --inb-benefits-dock: calc(var(--wp-admin--admin-bar--height, 0px) + var(--inb-header-height, 4.5rem)); position: sticky; top: var(--inb-benefits-dock); height: calc(100vh - var(--inb-benefits-dock)); height: calc(100svh - var(--inb-benefits-dock)); max-height: 64rem; aspect-ratio: auto; } .inb-benefits > .inb-benefits__media img { object-position: 34% 62%; } .inb-benefits > .inb-benefits__body { padding-block: var(--wp--preset--spacing--70); padding-inline: clamp(2.5rem, 1rem + 4vw, 6rem) var(--inb-benefits-edge); } .inb-benefits .inb-benefits__list { max-width: 34rem; } } @supports (animation-timeline: view()) { @media (min-width: 960px) and (prefers-reduced-motion: no-preference) { .inb-benefits { view-timeline-name: --inb-benefits; } .inb-benefits > .inb-benefits__media img { animation: inb-benefits-drift linear both; animation-timeline: --inb-benefits; animation-range: cover 0% cover 100%; } } } @keyframes inb-benefits-drift { from { translate: 0 -2.5%; scale: 1.1; } to { translate: 0 2.5%; scale: 1.02; } } .inb-apartments { margin-block: 0; } .inb-apartments .inb-apartments__grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--wp--preset--spacing--50); } .inb-apartments .inb-apartments__grid > *, .inb-apartments .inb-apartments__intro > *, .inb-apartments .inb-apartments__details > * { margin-block: 0; } .inb-apartments .inb-apartments__title { max-width: 13ch; margin-block-start: 1.25rem; font-size: var(--wp--preset--font-size--xx-large); color: var(--wp--custom--color--text); } .inb-apartments .inb-apartments__types.inb-stagger { --inb-stagger-base: 120ms; --inb-stagger-step: 160ms; } .inb-apartments .inb-apartments__details.inb-stagger { --inb-stagger-base: 120ms; } .inb-apartments .inb-apartments__title strong { display: block; } .inb-apartments .inb-apartments__lead { max-width: 32ch; margin-block-start: var(--wp--preset--spacing--40); } .inb-apartments .inb-apartments__text { max-width: 46ch; margin-block-start: var(--wp--preset--spacing--30); text-wrap: pretty; } .inb-apartments .inb-apartments__types { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: start; margin: 0; } .inb-apartments .inb-apartments__types li { display: flex; flex-direction: column; gap: 0.5rem; margin: 0; padding-inline-start: clamp(0.75rem, 0.4rem + 1vw, 1.5rem); border-inline-start: 1px solid var(--wp--custom--color--rule); font-size: var(--wp--preset--font-size--medium); font-weight: var(--wp--custom--font-weight--light); color: var(--wp--custom--color--text-muted); } .inb-apartments .inb-apartments__types li:nth-child(2) { margin-block-start: clamp(1.25rem, 0.5rem + 2.5vw, 3rem); } .inb-apartments .inb-apartments__types li:nth-child(3) { margin-block-start: clamp(2.5rem, 1rem + 5vw, 6rem); } .inb-apartments .inb-apartments__types strong { font-family: var(--wp--preset--font-family--heading); font-size: var(--wp--preset--font-size--jumbo); font-weight: var(--wp--custom--font-weight--black); line-height: 0.85; letter-spacing: var(--wp--custom--letter-spacing--display); font-variant-numeric: lining-nums tabular-nums; color: var(--wp--preset--color--primary); } .inb-apartments .inb-apartments__media { margin: 0; aspect-ratio: 4 / 5; overflow: hidden; } .inb-apartments .inb-apartments__media img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: 62% 40%; } .inb-apartments .inb-apartments__features { margin: 0; border-block-end: 1px solid var(--wp--custom--color--rule); } .inb-apartments .inb-apartments__features li { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: baseline; gap: 0.25rem 1.5rem; margin: 0; padding-block: 1rem; border-block-start: 1px solid var(--wp--custom--color--rule); color: var(--wp--custom--color--text-muted); } .inb-apartments .inb-apartments__features strong { font-weight: var(--wp--custom--font-weight--bold); color: var(--wp--custom--color--text); } .inb-apartments .inb-apartments__actions { gap: 0.75rem; margin-block-start: var(--wp--preset--spacing--50); } .inb-apartments .inb-apartments__actions .wp-block-button:not([class*="is-style-"]) .wp-block-button__link { border: 2px solid var(--wp--custom--color--action); } .inb-apartments .inb-apartments__note { margin-block-start: var(--wp--preset--spacing--30); font-size: var(--wp--preset--font-size--small); } @media (min-width: 640px) and (max-width: 959px) { .inb-apartments .inb-apartments__grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); column-gap: var(--wp--preset--spacing--50); } .inb-apartments .inb-apartments__intro, .inb-apartments .inb-apartments__details { grid-column: 1 / -1; } .inb-apartments .inb-apartments__types { grid-template-columns: minmax(0, 1fr); row-gap: var(--wp--preset--spacing--40); align-self: center; } .inb-apartments .inb-apartments__types li:nth-child(n) { flex-direction: row; align-items: baseline; gap: 0.75rem; margin-block-start: 0; } .inb-apartments .inb-apartments__types li:nth-child(2) { margin-inline-start: 2rem; } .inb-apartments .inb-apartments__types li:nth-child(3) { margin-inline-start: 4rem; } } @media (min-width: 960px) { .inb-apartments .inb-apartments__grid { grid-template-columns: repeat(12, minmax(0, 1fr)); grid-template-rows: auto auto 1fr; column-gap: var(--wp--preset--spacing--50); row-gap: var(--wp--preset--spacing--60); } .inb-apartments .inb-apartments__intro { grid-column: 1 / span 7; grid-row: 1; } .inb-apartments .inb-apartments__types { grid-column: 1 / span 6; grid-row: 2; } .inb-apartments .inb-apartments__details { grid-column: 1 / span 7; grid-row: 3; } .inb-apartments .inb-apartments__media { grid-column: 8 / -1; grid-row: 1 / span 3; align-self: stretch; aspect-ratio: auto; min-height: 36rem; } } @media (min-width: 960px) and (max-width: 1199px) { .inb-apartments .inb-apartments__details { grid-column: 1 / span 8; } .inb-apartments .inb-apartments__media { grid-column: 9 / -1; } } @media (max-width: 480px) { .inb-benefits .inb-benefits__actions .wp-block-button, .inb-benefits .inb-benefits__actions .wp-block-button__link, .inb-apartments .inb-apartments__actions .wp-block-button, .inb-apartments .inb-apartments__actions .wp-block-button__link { width: 100%; } }
.inb-location, .inb-developer, .inb-cta { --inb-conv-gutter: var(--wp--preset--spacing--40); --inb-conv-inner: min(var(--wp--style--global--wide-size), calc(100% - 2 * var(--inb-conv-gutter))); } .inb-location > *, .inb-developer > *, .inb-cta > :not(.inb-cta__media) { width: var(--inb-conv-inner); margin-inline: auto; box-sizing: border-box; } .inb-location :where(h2, h3, p, ul, figure), .inb-developer :where(h2, h3, p, ul), .inb-cta :where(h2, p, figure) { margin-block: 0; } .inb-location { --inb-location-cols: minmax(0, 5fr) minmax(0, 7fr); --inb-location-gap: clamp(2rem, 1rem + 4vw, 5rem); overflow: hidden; } .inb-location.inb-wave-top { overflow: visible; } .inb-location > .inb-location__grid { display: grid; grid-template-columns: var(--inb-location-cols); gap: var(--inb-location-gap); align-items: center; } .inb-location__intro > * + * { margin-block-start: clamp(1.25rem, 1rem + 1vw, 2rem); } .inb-location__title { font-size: var(--wp--preset--font-size--xx-large); color: var(--wp--custom--color--on-dark); } .inb-location__title strong { display: block; color: var(--wp--custom--color--accent-on-dark); } .inb-location .inb-location__list.inb-stagger { --inb-stagger-step: 45ms; } .inb-location__text { max-width: 34rem; text-wrap: pretty; } .inb-location__media { margin-inline-end: calc(-1 * max(var(--inb-conv-gutter), (100vw - var(--wp--style--global--wide-size)) / 2)); position: relative; } .inb-location__media img { display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: cover; object-position: 45% 55%; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 300' preserveAspectRatio='none'%3E%3Cpath d='M70 0H400V300H0C10 220 18 150 30 92 40 44 52 14 70 0z'/%3E%3C/svg%3E") center / 100% 100% no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 300' preserveAspectRatio='none'%3E%3Cpath d='M70 0H400V300H0C10 220 18 150 30 92 40 44 52 14 70 0z'/%3E%3C/svg%3E") center / 100% 100% no-repeat; } .inb-location__media figcaption { margin: 0.75rem 0 0; padding-inline-end: var(--inb-conv-gutter); font-size: var(--wp--preset--font-size--small); color: var(--wp--custom--color--on-dark-muted); text-align: start; } .inb-location > .inb-location__nearby { margin-block-start: clamp(3rem, 2rem + 4vw, 6rem); } .inb-location__nearby-title { font-size: var(--wp--preset--font-size--x-large); font-weight: var(--wp--custom--font-weight--title); line-height: 1.05; letter-spacing: -0.04em; color: var(--wp--custom--color--on-dark); text-wrap: balance; } .inb-location__list { display: grid; grid-template-columns: var(--inb-location-cols); column-gap: var(--inb-location-gap); margin: clamp(1.25rem, 1rem + 1vw, 2rem) 0 0; padding: 0; border-block-start: 1px solid var(--wp--custom--color--rule-on-dark); } .inb-location__list li { margin: 0; padding-block: 1.05rem; border-block-end: 1px solid var(--wp--custom--color--rule-on-dark); font-size: var(--wp--preset--font-size--large); font-weight: var(--wp--custom--font-weight--light); line-height: 1.25; color: var(--wp--custom--color--on-dark); text-wrap: pretty; } .inb-location > .inb-location__close { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1.5rem 3rem; margin-block-start: clamp(2.5rem, 2rem + 2vw, 4rem); } .inb-location__statement { max-width: 36rem; font-size: var(--wp--preset--font-size--x-large); font-weight: var(--wp--custom--font-weight--light); line-height: 1.2; letter-spacing: var(--wp--custom--letter-spacing--tight); text-wrap: balance; } .inb-location__statement strong { font-weight: var(--wp--custom--font-weight--black); color: var(--wp--custom--color--accent-on-dark); } .inb-location__actions { margin: 0; } .inb-developer { color: var(--wp--custom--color--text); } .inb-developer > .inb-developer__grid { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: clamp(2rem, 1rem + 5vw, 7rem); align-items: start; } .inb-developer__intro > * + * { margin-block-start: clamp(1.25rem, 1rem + 1vw, 1.75rem); } .inb-developer__title { font-size: var(--wp--preset--font-size--xx-large); color: var(--wp--preset--color--primary-deep); } .inb-developer__lead strong { font-weight: var(--wp--custom--font-weight--bold); } .inb-developer__text { max-width: 32rem; text-wrap: pretty; } .inb-developer a:not(.wp-element-button) { color: var(--wp--custom--color--link); font-weight: var(--wp--custom--font-weight--semibold); text-decoration: none; transition: color 180ms ease; } .inb-developer a:not(.wp-element-button):active { color: color-mix(in srgb, var(--wp--custom--color--accent-on-dark) 40%, var(--wp--preset--color--primary-deep)); } @media (hover: hover) { .inb-developer a:not(.wp-element-button):hover { color: color-mix(in srgb, var(--wp--custom--color--accent-on-dark) 40%, var(--wp--preset--color--primary-deep)); text-decoration: none; } } .inb-developer a:not(.wp-element-button):focus-visible { outline: 2px solid var(--wp--custom--color--focus); outline-offset: 3px; text-decoration: none; } .inb-developer__portfolio-title { font-size: var(--wp--preset--font-size--small); font-weight: var(--wp--custom--font-weight--semibold); letter-spacing: 0.04em; color: var(--wp--custom--color--text-muted); margin-block-end: 1rem !important; } .inb-developer__list { margin: 0; padding: 0; border-block-end: 1px solid var(--wp--custom--color--rule); } .inb-developer__list li { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: baseline; gap: 1rem; margin: 0; padding-block: 1.05rem; border-block-start: 1px solid var(--wp--custom--color--rule); font-size: var(--wp--preset--font-size--medium); color: var(--wp--custom--color--text-muted); text-align: end; } .inb-developer__list li strong { font-size: var(--wp--preset--font-size--large); font-weight: var(--wp--custom--font-weight--bold); letter-spacing: var(--wp--custom--letter-spacing--tight); color: var(--wp--custom--color--text); text-align: start; } .inb-developer > .inb-developer__motto { margin-block-start: clamp(3.5rem, 2rem + 6vw, 8rem); padding-block-start: clamp(1.5rem, 1rem + 2vw, 3rem); border-block-start: 1px solid var(--wp--custom--color--rule); font-size: var(--wp--preset--font-size--display); color: var(--wp--preset--color--primary); max-width: var(--inb-conv-inner); } .inb-developer__motto strong { display: block; color: var(--wp--preset--color--primary-deep); } .inb-cta { position: relative; overflow: hidden; isolation: isolate; } .inb-cta > .inb-cta__media { margin: 0; position: relative; z-index: 0; } .inb-cta > .inb-cta__media img { display: block; width: 100%; height: clamp(20rem, 62svh, 44rem); object-fit: cover; object-position: 50% 100%; } .inb-cta > .inb-cta__media::after { content: ""; position: absolute; inset-inline: 0; bottom: -1px; height: clamp(3.5rem, 2rem + 7vw, 9rem); background: var(--wp--custom--color--surface-dark-alt); -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 140' preserveAspectRatio='none'%3E%3Cpath d='M0 140V30C260 0 560 4 860 46c230 32 400 62 580 64v30z'/%3E%3C/svg%3E") center bottom / 100% 100% no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 140' preserveAspectRatio='none'%3E%3Cpath d='M0 140V30C260 0 560 4 860 46c230 32 400 62 580 64v30z'/%3E%3C/svg%3E") center bottom / 100% 100% no-repeat; pointer-events: none; } .inb-cta > .inb-cta__media::before { content: ""; position: absolute; inset: 40% 0 0; background: linear-gradient(to bottom, transparent, color-mix(in srgb, var(--wp--custom--color--surface-dark-alt) 55%, transparent)); pointer-events: none; z-index: 0; } .inb-cta > .inb-cta__grid { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0, 6fr) minmax(0, 6fr); gap: clamp(2.5rem, 1rem + 5vw, 7rem); align-items: start; margin-block-start: clamp(-4rem, -1rem - 3vw, -1rem); } .inb-cta__intro > * + * { margin-block-start: clamp(1.5rem, 1rem + 1.5vw, 2.5rem); } .inb-cta__title { font-size: var(--wp--preset--font-size--display); color: var(--wp--custom--color--on-dark); } .inb-cta__title strong { display: block; color: var(--wp--custom--color--accent-on-dark); } .inb-cta .inb-cta__contact.inb-stagger { --inb-stagger-base: 200ms; } .inb-cta__lead { max-width: 32rem; color: var(--wp--custom--color--on-dark-muted); } .inb-cta__lead strong { display: block; margin-block-end: 0.5rem; font-weight: var(--wp--custom--font-weight--bold); color: var(--wp--custom--color--on-dark); } .inb-cta__contact { padding-block-start: 0.5rem; } .inb-cta__label { font-size: var(--wp--preset--font-size--small); letter-spacing: 0.04em; } .inb-cta__phone { margin-block-start: 0.75rem !important; font-family: var(--wp--preset--font-family--heading); font-size: clamp(2rem, 0.8rem + 3.6vw, 4rem); font-weight: var(--wp--custom--font-weight--light); line-height: 1; letter-spacing: var(--wp--custom--letter-spacing--display); font-variant-numeric: lining-nums tabular-nums; white-space: nowrap; } .inb-cta a:not(.wp-element-button) { color: var(--wp--custom--color--on-dark); text-decoration: none; transition: color 180ms ease; } .inb-cta a:not(.wp-element-button):active { color: var(--wp--custom--color--accent-on-dark); } @media (hover: hover) { .inb-cta a:not(.wp-element-button):hover { color: var(--wp--custom--color--accent-on-dark); text-decoration: none; } } .inb-cta a:not(.wp-element-button):focus-visible { outline: 2px solid var(--wp--custom--color--focus-on-dark); outline-offset: 3px; text-decoration: none; } .inb-cta .inb-cta__phone a { color: var(--wp--custom--color--accent-on-dark); } .inb-cta .inb-cta__phone a:active { color: color-mix(in srgb, var(--wp--custom--color--accent-on-dark) 55%, var(--wp--custom--color--on-dark)); } @media (hover: hover) { .inb-cta .inb-cta__phone a:hover { color: color-mix(in srgb, var(--wp--custom--color--accent-on-dark) 55%, var(--wp--custom--color--on-dark)); } } .inb-cta__phone strong { font-weight: var(--wp--custom--font-weight--black); } @media (prefers-reduced-motion: reduce) { .inb-cta a:not(.wp-element-button), .inb-developer a:not(.wp-element-button) { transition: none; } } .inb-cta__email { margin-block-start: 1rem !important; font-size: var(--wp--preset--font-size--large); font-weight: var(--wp--custom--font-weight--light); overflow-wrap: anywhere; } .inb-cta__actions { margin-block-start: clamp(1.75rem, 1.25rem + 1.5vw, 2.75rem) !important; gap: 0.75rem; } @media (max-width: 1023px) { .inb-location > .inb-location__grid, .inb-developer > .inb-developer__grid, .inb-cta > .inb-cta__grid { grid-template-columns: minmax(0, 1fr); } .inb-location__media { margin-inline-start: 0; } .inb-location__list { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: clamp(1.5rem, 1rem + 2vw, 3rem); } } @media (max-width: 600px) { .inb-location__media { margin-inline: calc(-1 * var(--inb-conv-gutter)); } .inb-location__media figcaption { padding-inline: var(--inb-conv-gutter); } .inb-location__list { grid-template-columns: minmax(0, 1fr); } .inb-location__list li { padding-block: 0.85rem; } .inb-location__actions, .inb-location__actions .wp-block-button, .inb-location__actions .wp-block-button__link, .inb-cta__actions .wp-block-button, .inb-cta__actions .wp-block-button__link { width: 100%; } .inb-developer__list li { grid-template-columns: minmax(0, 1fr); gap: 0.15rem; text-align: start; } .inb-cta > .inb-cta__media img { height: clamp(16rem, 48svh, 22rem); object-position: 50% 100%; } }
.inb-wo, .inb-wo *, .inb-wo-modal, .inb-wo-modal * { box-sizing: border-box !important; } .inb-wo button, .inb-wo-modal button, .inb-wo-modal a.inb-wo-pop-pdf { -webkit-appearance: none !important; appearance: none !important; background: none !important; border: 0 !important; outline: none; box-shadow: none !important; text-shadow: none !important; margin: 0 !important; padding: 0 !important; border-radius: 0 !important; width: auto; height: auto; min-width: 0 !important; min-height: 0 !important; font-family: inherit !important; font-size: 14px; font-weight: 500; line-height: 1.2 !important; letter-spacing: normal !important; text-transform: none !important; text-decoration: none !important; color: inherit; cursor: pointer; display: inline-flex !important; align-items: center !important; justify-content: center !important; transition: background-color 0.15s ease, color 0.15s ease, opacity 0.15s ease, border-color 0.15s ease; } .inb-wo button:focus-visible, .inb-wo-modal button:focus-visible, .inb-wo-modal a.inb-wo-pop-pdf:focus-visible { outline: 2px solid #FAB10B !important; outline-offset: 2px !important; } .inb-wo .inb-wo-ico, .inb-wo-modal .inb-wo-ico { display: block !important; flex: 0 0 auto !important; pointer-events: none; } .inb-wo { position: relative; max-width: 100%; font-family: inherit; } .inb-wo .inb-wo-stage { position: relative; width: 100%; overflow: hidden; border-radius: 10px; background: #01071A; } .inb-wo .inb-wo-view { position: absolute; inset: 0; } .inb-wo .inb-wo-view[hidden] { display: none; } .inb-wo .inb-wo-image, .inb-wo .inb-wo-view .inb-wo-image { display: block !important; width: 100% !important; height: 100% !important; object-fit: cover; margin: 0 !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; max-width: none !important; } .inb-wo .inb-wo-svg { position: absolute; inset: 0; width: 100%; height: 100%; } .inb-wo .wo-hs { fill-opacity: var(--wo-fill-op, 0.18); stroke: var(--wo-stroke, #ffffff); stroke-width: var(--wo-stroke-w, 2px); transition: fill-opacity 0.12s ease, stroke-width 0.12s ease; cursor: pointer; outline: none; } .inb-wo .wo-hs.is-available { fill: var(--wo-available, #2e9e4f); } .inb-wo .wo-hs.is-reserved { fill: var(--wo-reserved, #FAB10B); } .inb-wo .wo-hs.is-sold { fill: var(--wo-sold, #9aa0a6); } .inb-wo .wo-hs.is-unavailable { fill: var(--wo-unavailable, #6b7280); } .inb-wo .wo-hs:hover, .inb-wo .wo-hs:focus-visible, .inb-wo .wo-hs.is-flash { fill-opacity: var(--wo-fill-op-hover, 0.34); stroke: var(--wo-stroke-hover, #ffffff); stroke-width: var(--wo-stroke-w-hover, 4px); } .inb-wo .wo-hs.is-sold, .inb-wo .wo-hs.is-unavailable { cursor: default; fill-opacity: 0.4; stroke-opacity: 0.5; } .inb-wo .wo-hs.is-sold:hover, .inb-wo .wo-hs.is-unavailable:hover { fill-opacity: 0.5; stroke: var(--wo-stroke, #ffffff); stroke-width: var(--wo-stroke-w, 2px); } .inb-wo .wo-hs.is-sold.is-flash, .inb-wo .wo-hs.is-unavailable.is-flash { fill-opacity: 0.58; } .inb-wo .inb-wo-tooltip { display: none; position: absolute; z-index: 30; background: rgba(1, 7, 26, 0.94) !important; color: #ffffff !important; border-radius: 10px !important; padding: 12px 14px !important; font-size: 13px !important; line-height: 1.5 !important; max-width: 250px; pointer-events: auto; box-shadow: 0 8px 24px rgba(1, 7, 26, 0.35) !important; backdrop-filter: blur(4px); } .inb-wo .inb-wo-tt-title { display: block; font-size: 15px !important; font-weight: 700 !important; margin: 0 0 4px !important; color: #ffffff !important; } .inb-wo .inb-wo-tt-line { display: block; color: rgba(255, 255, 255, 0.85) !important; } .inb-wo .inb-wo-tt-btn { margin-top: 10px !important; width: 100% !important; min-height: 44px !important; background: #FAB10B !important; color: #01071A !important; border-radius: 8px !important; font-size: 14px !important; font-weight: 700 !important; } .inb-wo .inb-wo-tt-btn:hover { background: #ffc23d !important; } .inb-wo .inb-wo-rotate { position: absolute; left: 50%; bottom: 16px; transform: translateX(-50%); display: flex; align-items: center; gap: 2px; background: rgba(1, 7, 26, 0.6); backdrop-filter: blur(6px); border-radius: 999px; padding: 4px; z-index: 25; box-shadow: 0 2px 12px rgba(1, 7, 26, 0.25); } .inb-wo .inb-wo-rotate-btn { width: 40px !important; height: 40px !important; border-radius: 999px !important; color: #ffffff !important; background: transparent !important; } .inb-wo .inb-wo-rotate-btn:hover { background: rgba(255, 255, 255, 0.16) !important; color: #FAB10B !important; } .inb-wo .inb-wo-rotate-badge { color: #ffffff !important; font-size: 13px !important; font-weight: 600 !important; font-variant-numeric: tabular-nums; min-width: 46px; text-align: center; letter-spacing: 0.02em; user-select: none; } .inb-wo .inb-wo-legend { margin-top: 12px; } .inb-wo .inb-wo-legend-list { list-style: none !important; display: flex; flex-wrap: wrap; gap: 4px 18px; margin: 8px 0 0 !important; padding: 0 !important; } .inb-wo .inb-wo-legend-list li { margin: 0 !important; padding: 0 !important; list-style: none !important; } .inb-wo .inb-wo-legend-item { gap: 8px !important; padding: 6px 2px !important; font-size: 13px !important; color: #3c4257 !important; } .inb-wo .inb-wo-legend-item:hover { color: #01071A !important; } .inb-wo .inb-wo-legend-dot { width: 12px; height: 12px; border-radius: 4px; display: inline-block; flex: 0 0 auto; } .inb-wo .inb-wo-legend-dot.is-available { background: var(--wo-available, #2e9e4f); } .inb-wo .inb-wo-legend-dot.is-reserved { background: var(--wo-reserved, #FAB10B); } .inb-wo .inb-wo-legend-dot.is-sold { background: var(--wo-sold, #9aa0a6); } .inb-wo .inb-wo-legend-dot.is-unavailable { background: var(--wo-unavailable, #6b7280); } .inb-wo-modal { position: fixed; inset: 0; z-index: 99990; display: flex; align-items: center; justify-content: center; padding: 24px; } .inb-wo-modal[hidden] { display: none; } .inb-wo-modal-backdrop { position: absolute; inset: 0; background: rgba(1, 7, 26, 0.7); backdrop-filter: blur(2px); } .inb-wo-modal-box { position: relative; background: #ffffff !important; border-radius: 14px !important; max-width: 960px; width: 100%; max-height: 88vh; overflow: auto; box-shadow: 0 24px 64px rgba(1, 7, 26, 0.45) !important; color: #01071A !important; } .inb-wo-modal .inb-wo-modal-close { position: absolute !important; top: 14px !important; right: 14px !important; z-index: 6; width: 38px !important; height: 38px !important; border-radius: 999px !important; background: rgba(1, 7, 26, 0.08) !important; color: #01071A !important; } .inb-wo-modal .inb-wo-modal-close:hover { background: #01071A !important; color: #ffffff !important; } .inb-wo-modal--drill { z-index: 99980; } .inb-wo-modal-box--drill { max-width: 1100px; padding: 20px 20px 24px; } .inb-wo-drill-title { margin: 2px 48px 14px 4px !important; font-size: 20px !important; font-weight: 700 !important; color: #01071A !important; line-height: 1.25 !important; } .inb-wo-drills[hidden] { display: none; } body.inb-wo-modal-open { overflow: hidden; } body.inb-wo-drill-open { overflow: hidden; } .inb-wo-modal .inb-wo-pop-body { display: flex; min-height: 340px; } .inb-wo-modal .inb-wo-pop-body.is-mobile { display: block; } .inb-wo-modal .inb-wo-pop-left { flex: 0 0 58%; min-width: 0; } .inb-wo-modal .inb-wo-pop-right { flex: 1 1 42%; padding: 28px 30px 26px; } .inb-wo-modal .inb-wo-pop-right.is-full { flex-basis: 100%; } .inb-wo-modal .inb-wo-pop-head { margin: 0 0 18px; } .inb-wo-modal .inb-wo-pop-kicker { display: block; font-size: 11px !important; font-weight: 600 !important; letter-spacing: 0.1em !important; text-transform: uppercase !important; color: #8a90a0 !important; margin: 0 0 2px !important; } .inb-wo-modal .inb-wo-pop-title { margin: 0 !important; padding: 0 0 10px !important; font-size: 30px !important; font-weight: 800 !important; line-height: 1.1 !important; color: #01071A !important; position: relative; } .inb-wo-modal .inb-wo-pop-title::after { content: ""; position: absolute; left: 0; bottom: 0; width: 36px; height: 3px; border-radius: 2px; background: var(--wo-pop-accent, #FAB10B); } .inb-wo-modal .inb-wo-pop-list { margin: 0 !important; padding: 0 !important; display: grid; grid-template-columns: minmax(90px, auto) 1fr; column-gap: 18px; align-items: baseline; } .inb-wo-modal .inb-wo-pop-list dt.inb-wo-row-l { margin: 0 !important; padding: 11px 0 !important; font-size: 11px !important; font-weight: 600 !important; letter-spacing: 0.09em !important; text-transform: uppercase !important; color: #8a90a0 !important; border-bottom: 1px solid #eef0f4; align-self: stretch; display: flex; align-items: center; } .inb-wo-modal .inb-wo-pop-list dd.inb-wo-row-v { margin: 0 !important; padding: 11px 0 !important; font-size: 16px !important; font-weight: 600 !important; color: #01071A !important; border-bottom: 1px solid #eef0f4; text-align: right; } .inb-wo-modal .inb-wo-pop-list dt.inb-wo-row-l:last-of-type, .inb-wo-modal .inb-wo-pop-list dd.inb-wo-row-v:last-of-type { border-bottom: 0; } .inb-wo-modal .inb-wo-pop-list dd.is-price { font-size: 21px !important; font-weight: 800 !important; color: var(--wo-pop-price, #0A1B72) !important; font-variant-numeric: tabular-nums; white-space: nowrap; } .inb-wo-modal .inb-wo-badge { display: inline-flex !important; align-items: center !important; padding: 5px 12px !important; border-radius: 999px !important; font-size: 12.5px !important; font-weight: 700 !important; line-height: 1 !important; letter-spacing: 0.02em; } .inb-wo-modal .inb-wo-badge.is-available { background: #e7f5ec !important; color: #1e7a3c !important; } .inb-wo-modal .inb-wo-badge.is-reserved { background: #fdf1d7 !important; color: #8a6100 !important; } .inb-wo-modal .inb-wo-badge.is-sold { background: #eef0f3 !important; color: #6b7280 !important; } .inb-wo-modal .inb-wo-badge.is-unavailable { background: #eef0f3 !important; color: #6b7280 !important; } .inb-wo-modal .inb-wo-pop-actions { margin-top: 16px; } .inb-wo-modal a.inb-wo-pop-pdf { gap: 8px !important; padding: 10px 16px !important; border: 1px solid #d6dae3 !important; border-radius: 8px !important; font-size: 13.5px !important; font-weight: 600 !important; color: var(--wo-pop-pdf, #0A1B72) !important; background: #ffffff !important; } .inb-wo-modal a.inb-wo-pop-pdf:hover { border-color: var(--wo-pop-pdf, #0A1B72) !important; background: #f6f8ff !important; } .inb-wo-modal .inb-wo-pop-desc { font-size: 14.5px !important; line-height: 1.6 !important; color: #3c4257 !important; } .inb-wo-modal .inb-wo-pop-cta { width: 100% !important; margin-top: 20px !important; min-height: 50px !important; background: #FAB10B !important; color: #01071A !important; border-radius: 10px !important; font-size: 15px !important; font-weight: 700 !important; letter-spacing: 0.01em; } .inb-wo-modal .inb-wo-pop-cta:hover { background: #ffc23d !important; } .inb-wo-modal .inb-wo-seg { display: flex; gap: 6px; padding: 16px 20px 0; } .inb-wo-modal .inb-wo-seg-btn { padding: 8px 16px !important; border: 1px solid #d6dae3 !important; border-radius: 999px !important; font-size: 13px !important; font-weight: 600 !important; color: #3c4257 !important; background: #ffffff !important; } .inb-wo-modal .inb-wo-seg-btn.is-active { background: #0A1B72 !important; border-color: #0A1B72 !important; color: #ffffff !important; } .inb-wo-modal .inb-wo-slider { position: relative; overflow: hidden; background: #01071A; height: 100%; } .inb-wo-modal .inb-wo-slider-track { display: flex; height: 100%; transition: transform 0.3s ease; } .inb-wo-modal .inb-wo-slide { flex: 0 0 100%; min-width: 100%; } .inb-wo-modal .inb-wo-slide img { display: block !important; width: 100% !important; height: 100% !important; max-height: 68vh; object-fit: cover; margin: 0 !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; max-width: none !important; } .inb-wo-modal .inb-wo-slide-data { background: #ffffff; overflow: auto; padding: 24px 22px; } .inb-wo-modal .inb-wo-slider-btn { position: absolute !important; top: 50% !important; transform: translateY(-50%); width: 42px !important; height: 42px !important; border-radius: 999px !important; background: rgba(255, 255, 255, 0.92) !important; color: #01071A !important; box-shadow: 0 2px 10px rgba(1, 7, 26, 0.25) !important; z-index: 4; } .inb-wo-modal .inb-wo-slider-btn:hover { background: #FAB10B !important; color: #01071A !important; } .inb-wo-modal .inb-wo-slider-btn.is-prev { left: 12px !important; } .inb-wo-modal .inb-wo-slider-btn.is-next { right: 12px !important; } .inb-wo-modal .inb-wo-slider-dots { position: absolute; bottom: 12px; left: 0; right: 0; display: flex; justify-content: center; gap: 7px; z-index: 4; } .inb-wo-modal .inb-wo-slider-dot { width: 8px !important; height: 8px !important; border-radius: 999px !important; background: rgba(255, 255, 255, 0.5) !important; transition: transform 0.15s ease, background-color 0.15s ease; } .inb-wo-modal .inb-wo-slider-dot.is-active { background: #FAB10B !important; transform: scale(1.25); } .mrep-row-highlight { animation: inb-wo-rowflash 2.4s ease; } @keyframes inb-wo-rowflash { 0% { background-color: rgba(250, 177, 11, 0.55); } 100% { background-color: transparent; } } @media (max-width: 720px) { .inb-wo-modal { padding: 10px; } .inb-wo-modal-box { max-height: 92vh; border-radius: 12px !important; } .inb-wo-modal-box--drill { padding: 14px 12px 16px; } .inb-wo-modal .inb-wo-pop-right { padding: 20px 18px; } .inb-wo-modal .inb-wo-pop-title { font-size: 25px !important; } .inb-wo-modal .inb-wo-pop-list dd.is-price { font-size: 19px !important; } .inb-wo-modal .inb-wo-modal-close { top: 10px !important; right: 10px !important; background: rgba(1, 7, 26, 0.55) !important; color: #ffffff !important; } .inb-wo .inb-wo-rotate { bottom: 10px; } .inb-wo .inb-wo-rotate-btn { width: 44px !important; height: 44px !important; } } @media (prefers-reduced-motion: reduce) { .inb-wo .wo-hs, .inb-wo-modal .inb-wo-slider-track, .inb-wo button, .inb-wo-modal button { transition: none !important; } .mrep-row-highlight { animation: none; background-color: rgba(250, 177, 11, 0.35); } } .inb-wo .inb-wo-rotate-wrap { display: flex; justify-content: center; margin-top: 10px; } .inb-wo .inb-wo-rotate-wrap[hidden] { display: none; } .inb-wo .inb-wo-rotate.is-below { position: static; left: auto; bottom: auto; transform: none; box-shadow: 0 2px 10px rgba(1, 7, 26, 0.18); }
.inb-v3 { --inb-v3-top: calc(var(--wp-admin--admin-bar--height, 0px) + var(--inb-header-height, 4.5rem)); --inb-v3-gutter: max(var(--wp--preset--spacing--40), calc((100vw - var(--wp--style--global--wide-size)) / 2)); --inb-v3-cap-h: clamp(2.5rem, 1rem + 6vw, 7.5rem); --inb-v3-section-y: clamp(4.5rem, 2rem + 9vw, 11rem); --inb-v3-ease: cubic-bezier(0.22, 1, 0.36, 1); --inb-v3-ease-in-out: cubic-bezier(0.65, 0, 0.35, 1); --inb-v3-dur: 0.6s; position: relative; isolation: isolate; overflow-x: clip; } body:is(.inb-v3-page, .page-template-page-home-v3), body:is(.inb-v3-page, .page-template-page-home-v3) *, body:is(.inb-v3-page, .page-template-page-home-v3) *::before, body:is(.inb-v3-page, .page-template-page-home-v3) *::after { letter-spacing: 0 !important; } .inb-v3 > * { margin-block: 0; } .inb-v3 [id] { scroll-margin-top: var(--inb-v3-top); } .inb-v3-section { position: relative; padding-block: var(--inb-v3-section-y); padding-inline: var(--inb-v3-gutter); } .inb-v3-section__inner { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--wp--preset--spacing--40); row-gap: 0; max-width: var(--wp--style--global--wide-size); margin-inline: auto; } .inb-v3-section__inner > * { grid-column: 1 / -1; margin-block: 0 !important; } .inb-v3-eyebrow { display: flex; align-items: center; gap: 1rem; font-size: var(--wp--preset--font-size--small); font-weight: var(--wp--custom--font-weight--semibold); letter-spacing: var(--wp--custom--letter-spacing--eyebrow); text-transform: uppercase; color: var(--wp--custom--color--text-muted); } .inb-v3-eyebrow::before { content: ""; flex: none; width: 2.25rem; height: 1px; background: var(--wp--preset--color--accent); } .inb-v3-heading { font-family: var(--wp--preset--font-family--heading); font-size: clamp(2.4rem, 1.2rem + 4.6vw, 6.25rem); font-weight: var(--wp--custom--font-weight--light); line-height: 1; letter-spacing: var(--wp--custom--letter-spacing--display); color: var(--wp--custom--color--text); text-wrap: balance; } .inb-v3-heading strong { font-weight: var(--wp--custom--font-weight--black); letter-spacing: var(--wp--custom--letter-spacing--title); color: var(--wp--preset--color--primary); } .inb-v3 .has-primary-deep-background-color .inb-v3-heading, .inb-v3 .has-primary-background-color .inb-v3-heading { color: var(--wp--custom--color--on-dark); } .inb-v3 .has-primary-deep-background-color .inb-v3-heading strong, .inb-v3 .has-primary-background-color .inb-v3-heading strong { color: var(--wp--custom--color--accent-on-dark); } .inb-v3 .has-primary-deep-background-color .inb-v3-eyebrow, .inb-v3 .has-primary-background-color .inb-v3-eyebrow { color: var(--wp--custom--color--on-dark-muted); } .inb-v3-w, .inb-v3-w__in { display: inline-block; padding: 0.26em 0.1em 0.34em; margin: -0.26em -0.1em -0.34em; } .inb-v3-w { overflow: clip; vertical-align: top; } .inb-v3-w__in { will-change: transform; } @media print { .inb-v3 * { opacity: 1 !important; transform: none !important; clip-path: none !important; } }
.inb-v3, .inb-header--v3 { --inb-v3-focus: var(--wp--custom--color--focus); --inb-v3-btn-dur: 0.55s; } .inb-v3 :is(.has-primary-deep-background-color, .has-primary-background-color), .inb-header--v3 { --inb-v3-focus: var(--wp--custom--color--focus-on-dark); } .inb-v3 .inb-v3-buttons { display: flex; flex-wrap: wrap; align-items: center; gap: 0.75rem 1rem; } :is(.inb-v3, .inb-header--v3) .inb-v3-btn .wp-block-button__link { --inb-v3-btn-bg: var(--wp--preset--color--primary); --inb-v3-btn-fg: var(--wp--custom--color--on-action); --inb-v3-btn-line: var(--inb-v3-btn-bg); --inb-v3-btn-bg-hover: color-mix(in srgb, var(--wp--preset--color--primary) 80%, var(--wp--preset--color--surface)); --inb-v3-btn-fg-hover: var(--inb-v3-btn-fg); --inb-v3-btn-line-hover: var(--inb-v3-btn-bg-hover); position: relative; isolation: isolate; display: inline-flex; align-items: center; justify-content: center; gap: 0.75em; box-sizing: border-box; min-height: 3.25rem; padding: 0.5rem 1.75rem; overflow: hidden; border: 1px solid var(--inb-v3-btn-line); border-radius: 999px; background-color: var(--inb-v3-btn-bg); box-shadow: none; color: var(--inb-v3-btn-fg); font-family: var(--wp--preset--font-family--body); font-size: 1rem; font-weight: var(--wp--custom--font-weight--semibold); line-height: 1.2; letter-spacing: 0; text-align: center; text-decoration: none; transform: none; transition: background-color var(--inb-v3-btn-dur) var(--inb-v3-ease), border-color var(--inb-v3-btn-dur) var(--inb-v3-ease), color var(--inb-v3-btn-dur) var(--inb-v3-ease), transform 0.2s var(--inb-v3-ease); } @media (max-width: 781px) { .inb-v3 .inb-v3-buttons { flex-direction: column; flex-wrap: nowrap; align-items: stretch; } .inb-v3 .inb-v3-buttons > .wp-block-button.inb-v3-btn { width: 100%; max-width: 100%; } .inb-v3 .inb-v3-btn .wp-block-button__link { display: flex; width: 100%; } } :is(.inb-v3, .inb-header--v3) .inb-v3-btn .wp-block-button__link::before, :is(.inb-v3, .inb-header--v3) .inb-v3-btn .wp-block-button__link::after { content: none; } :is(.inb-v3, .inb-header--v3) .inb-v3-btn--sand .wp-block-button__link { --inb-v3-btn-bg: var(--wp--preset--color--accent); --inb-v3-btn-fg: var(--wp--preset--color--primary-deep); --inb-v3-btn-bg-hover: color-mix(in srgb, var(--wp--preset--color--accent) 55%, var(--wp--preset--color--surface)); } :is(.inb-v3, .inb-header--v3) .inb-v3-btn--ghost .wp-block-button__link { --inb-v3-btn-bg: transparent; --inb-v3-btn-fg: currentColor; --inb-v3-btn-line: color-mix(in srgb, currentColor 55%, transparent); --inb-v3-btn-bg-hover: color-mix(in srgb, currentColor 10%, transparent); --inb-v3-btn-line-hover: currentColor; color: inherit; } @media (hover: hover) { :is(.inb-v3, .inb-header--v3) .inb-v3-btn .wp-block-button__link:hover { border-color: var(--inb-v3-btn-line-hover); background-color: var(--inb-v3-btn-bg-hover); box-shadow: none; color: var(--inb-v3-btn-fg-hover); text-decoration: none; transform: none; } :is(.inb-v3, .inb-header--v3) .inb-v3-btn--ghost .wp-block-button__link:hover { color: inherit; } } :is(.inb-v3, .inb-header--v3) .inb-v3-btn .wp-block-button__link:focus-visible { border-color: var(--inb-v3-btn-line-hover); background-color: var(--inb-v3-btn-bg-hover); color: var(--inb-v3-btn-fg-hover); text-decoration: none; outline: 2px solid var(--inb-v3-focus); outline-offset: 3px; } :is(.inb-v3, .inb-header--v3) .inb-v3-btn--ghost .wp-block-button__link:focus-visible { color: inherit; } :is(.inb-v3, .inb-header--v3) .inb-v3-btn .wp-block-button__link:active { box-shadow: none; transform: scale(0.97); transition-duration: 0.09s; } :is(.inb-v3, .inb-header--v3) .inb-v3-btn--arrow .wp-block-button__link::after { content: ""; flex: 0 0 auto; width: 1.1em; height: 1.1em; background: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12h15M13 6l6 6-6 6'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12h15M13 6l6 6-6 6'/%3E%3C/svg%3E") center / contain no-repeat; transition: transform var(--inb-v3-btn-dur) var(--inb-v3-ease); } @media (prefers-reduced-motion: no-preference) { @media (hover: hover) { :is(.inb-v3, .inb-header--v3) .inb-v3-btn--arrow .wp-block-button__link:hover::after { transform: translate3d(0.3em, 0, 0); } } :is(.inb-v3, .inb-header--v3) .inb-v3-btn--arrow .wp-block-button__link:focus-visible::after { transform: translate3d(0.3em, 0, 0); } } :is(.inb-v3, .inb-header--v3) { --inb-v3-roll-dur: 0.48s; --inb-v3-roll-ease: cubic-bezier(0.25, 1, 0.5, 1); --inb-v3-roll-y: 125%; } .inb-v3-btn__label { display: inline-block; min-width: 0; } .inb-v3-btn__w { display: inline-grid; overflow: clip; padding-block: 0.16em; margin-block: -0.16em; } .inb-v3-btn__t { grid-area: 1 / 1; white-space: nowrap; } .inb-v3-btn__c { display: inline-block; transition: transform var(--inb-v3-roll-dur) var(--inb-v3-roll-ease); transition-delay: var(--d, 0s); } .inb-v3-btn__t--in .inb-v3-btn__c { transform: translate3d(0, var(--inb-v3-roll-y), 0); } .inb-v3-btn__icon { display: inline-grid; flex: 0 0 auto; width: 1.1em; height: 1.1em; overflow: clip; } .inb-v3-btn__arrow { grid-area: 1 / 1; background: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12h15M13 6l6 6-6 6'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12h15M13 6l6 6-6 6'/%3E%3C/svg%3E") center / contain no-repeat; transition: transform var(--inb-v3-roll-dur) var(--inb-v3-roll-ease); } .inb-v3-btn__arrow--in { transform: translate3d(-110%, 0, 0); } :is(.inb-v3, .inb-header--v3) .inb-v3-btn--arrow .wp-block-button__link.has-v3-icon::after { content: none; } @media (prefers-reduced-motion: no-preference) { :is(.inb-v3, .inb-header--v3) .inb-v3-btn .wp-block-button__link.is-v3-roll::before { content: ""; position: absolute; inset: -1px; z-index: -1; border-radius: inherit; background-color: var(--inb-v3-btn-bg-hover); transform: translate3d(0, 101%, 0); transition: transform var(--inb-v3-roll-dur) var(--inb-v3-roll-ease); pointer-events: none; } @media (hover: hover) { :is(.inb-v3, .inb-header--v3) .inb-v3-btn .wp-block-button__link.is-v3-roll:hover { background-color: var(--inb-v3-btn-bg); } :is(.inb-v3, .inb-header--v3) .inb-v3-btn .wp-block-button__link.is-v3-roll:hover::before { transform: none; } :is(.inb-v3, .inb-header--v3) .wp-block-button__link.is-v3-roll:hover .inb-v3-btn__t .inb-v3-btn__c { transform: translate3d(0, calc(-1 * var(--inb-v3-roll-y)), 0); } :is(.inb-v3, .inb-header--v3) .wp-block-button__link.is-v3-roll:hover .inb-v3-btn__t--in .inb-v3-btn__c { transform: none; } :is(.inb-v3, .inb-header--v3) .wp-block-button__link:hover .inb-v3-btn__arrow { transform: translate3d(110%, 0, 0); } :is(.inb-v3, .inb-header--v3) .wp-block-button__link:hover .inb-v3-btn__arrow--in { transform: none; transition-delay: 0.08s; } } :is(.inb-v3, .inb-header--v3) .inb-v3-btn .wp-block-button__link.is-v3-roll:focus-visible { background-color: var(--inb-v3-btn-bg); } :is(.inb-v3, .inb-header--v3) .inb-v3-btn .wp-block-button__link.is-v3-roll:focus-visible::before { transform: none; } :is(.inb-v3, .inb-header--v3) .wp-block-button__link.is-v3-roll:focus-visible .inb-v3-btn__t .inb-v3-btn__c { transform: translate3d(0, calc(-1 * var(--inb-v3-roll-y)), 0); } :is(.inb-v3, .inb-header--v3) .wp-block-button__link.is-v3-roll:focus-visible .inb-v3-btn__t--in .inb-v3-btn__c { transform: none; } :is(.inb-v3, .inb-header--v3) .wp-block-button__link:focus-visible .inb-v3-btn__arrow { transform: translate3d(110%, 0, 0); } :is(.inb-v3, .inb-header--v3) .wp-block-button__link:focus-visible .inb-v3-btn__arrow--in { transform: none; transition-delay: 0.08s; } } @media (prefers-reduced-motion: no-preference) { @media (hover: hover) { .inb-v3 .is-v3-roll:not(.wp-block-button__link, :disabled, [aria-disabled="true"]):hover .inb-v3-btn__t .inb-v3-btn__c { transform: translate3d(0, calc(-1 * var(--inb-v3-roll-y)), 0); } .inb-v3 .is-v3-roll:not(.wp-block-button__link, :disabled, [aria-disabled="true"]):hover .inb-v3-btn__t--in .inb-v3-btn__c { transform: none; } } .inb-v3 .is-v3-roll:not(.wp-block-button__link, :disabled, [aria-disabled="true"]):focus-visible .inb-v3-btn__t .inb-v3-btn__c { transform: translate3d(0, calc(-1 * var(--inb-v3-roll-y)), 0); } .inb-v3 .is-v3-roll:not(.wp-block-button__link, :disabled, [aria-disabled="true"]):focus-visible .inb-v3-btn__t--in .inb-v3-btn__c { transform: none; } } @media (prefers-reduced-motion: reduce) { .inb-v3-btn__t--in, .inb-v3-btn__arrow--in { visibility: hidden; } .inb-v3-btn__c, .inb-v3-btn__arrow { transition: none; } :is(.inb-v3, .inb-header--v3) .inb-v3-btn .wp-block-button__link { transition-property: background-color, border-color, color; } :is(.inb-v3, .inb-header--v3) .inb-v3-btn .wp-block-button__link:active { transform: none; } } .inb-v3 a.inb-v3-link { position: relative; display: inline-block; padding-block: 0.15em; color: inherit; font-weight: var(--wp--custom--font-weight--semibold); text-decoration: none; } .inb-v3 a.inb-v3-link::after { content: ""; position: absolute; inset-inline: 0; bottom: 0; height: 1px; background: currentColor; transform-origin: left center; } @media (prefers-reduced-motion: no-preference) { @media (hover: hover) { .inb-v3 a.inb-v3-link:hover::after { animation: inb-v3-link-line 0.8s var(--inb-v3-ease-in-out); } } .inb-v3 a.inb-v3-link:focus-visible::after { animation: inb-v3-link-line 0.8s var(--inb-v3-ease-in-out); } } @keyframes inb-v3-link-line { 0% { transform: scaleX(1); transform-origin: right center; } 45% { transform: scaleX(0); transform-origin: right center; } 46% { transform: scaleX(0); transform-origin: left center; } 100% { transform: scaleX(1); transform-origin: left center; } } .inb-v3 a.inb-v3-link:focus-visible { outline: 2px solid var(--inb-v3-focus); outline-offset: 4px; border-radius: 2px; } .inb-v3 .inb-v3-orbit-wrap { display: flex; margin: 0; } .inb-v3 .inb-v3-orbit { --inb-v3-orbit-size: 13rem; --inb-v3-orbit-disc: var(--wp--preset--color--primary); --inb-v3-orbit-disc-hover: color-mix(in srgb, var(--wp--preset--color--primary) 84%, var(--wp--preset--color--surface)); --inb-v3-orbit-ring: var(--wp--preset--color--accent); --inb-v3-orbit-fg: var(--wp--custom--color--on-action); --inb-v3-orbit-gap: var(--wp--preset--color--surface); margin: 0.9rem; } .inb-v3 .inb-v3-orbit--sand { --inb-v3-orbit-size: 11rem; --inb-v3-orbit-disc: var(--wp--preset--color--accent); --inb-v3-orbit-disc-hover: color-mix(in srgb, var(--wp--preset--color--accent) 72%, var(--wp--preset--color--surface)); --inb-v3-orbit-ring: var(--wp--preset--color--primary); --inb-v3-orbit-fg: var(--wp--preset--color--primary-deep); --inb-v3-orbit-gap: var(--wp--preset--color--base); } @media (max-width: 781px) { .inb-v3 .inb-v3-orbit { --inb-v3-orbit-size: 11rem; } } .inb-v3 .inb-v3-orbit .wp-block-button__link { position: relative; isolation: isolate; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0.6rem; box-sizing: border-box; width: var(--inb-v3-orbit-size); height: var(--inb-v3-orbit-size); padding: 0 1.75rem; overflow: visible; border: 0; border-radius: 50%; background-color: var(--inb-v3-orbit-disc); box-shadow: 0 0 0 0.6rem var(--inb-v3-orbit-gap), 0 0 0 calc(0.6rem + 1px) var(--inb-v3-orbit-ring); color: var(--inb-v3-orbit-fg); font-family: var(--wp--preset--font-family--body); font-size: clamp(0.9375rem, 0.85rem + 0.25vw, 1.0625rem); font-weight: var(--wp--custom--font-weight--bold); line-height: 1.2; letter-spacing: 0; text-align: center; text-decoration: none; text-wrap: balance; transform: none; transition: background-color var(--inb-v3-btn-dur) var(--inb-v3-ease); } .inb-v3 .inb-v3-orbit .wp-block-button__link::before { content: none; } .inb-v3 .inb-v3-orbit .wp-block-button__link::after { content: ""; order: 2; flex: 0 0 auto; width: 1.25rem; height: 1.25rem; background: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12h15M13 6l6 6-6 6'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12h15M13 6l6 6-6 6'/%3E%3C/svg%3E") center / contain no-repeat; transition: transform var(--inb-v3-btn-dur) var(--inb-v3-ease); } @media (hover: hover) { .inb-v3 .inb-v3-orbit .wp-block-button__link:hover { background-color: var(--inb-v3-orbit-disc-hover); box-shadow: 0 0 0 0.6rem var(--inb-v3-orbit-gap), 0 0 0 calc(0.6rem + 1px) var(--inb-v3-orbit-ring); color: var(--inb-v3-orbit-fg); text-decoration: none; transform: none; } } .inb-v3 .inb-v3-orbit .wp-block-button__link:focus-visible { background-color: var(--inb-v3-orbit-disc-hover); color: var(--inb-v3-orbit-fg); outline: 2px solid var(--inb-v3-focus); outline-offset: 0.9rem; } .inb-v3 .inb-v3-orbit .wp-block-button__link:active { transform: scale(0.97); transition: transform 0.09s var(--inb-v3-ease); } .inb-v3 .inb-v3-orbit .wp-block-button__link.is-v3-orbit { background-color: transparent; box-shadow: none; } @media (hover: hover) { .inb-v3 .inb-v3-orbit .wp-block-button__link.is-v3-orbit:hover { background-color: transparent; box-shadow: none; } } .inb-v3 .inb-v3-orbit .wp-block-button__link.is-v3-orbit:focus-visible { background-color: transparent; } .inb-v3 .inb-v3-orbit .wp-block-button__link.is-v3-orbit::after { content: none; } .inb-v3-orbit .inb-v3-orbit__arrow { width: 1.25rem; height: 1.25rem; margin-top: 0.6rem; } .inb-v3-orbit__disc { position: absolute; inset: 0; z-index: -1; border-radius: 50%; background-color: var(--inb-v3-orbit-disc); transition: background-color var(--inb-v3-btn-dur) var(--inb-v3-ease), transform 0.6s var(--inb-v3-ease); } .inb-v3-orbit__rings { position: absolute; inset: -0.9rem; z-index: -2; width: calc(100% + 1.8rem); height: calc(100% + 1.8rem); overflow: visible; color: var(--inb-v3-orbit-ring); pointer-events: none; } .inb-v3-orbit__ring { fill: none; stroke: currentColor; transform-box: view-box; transform-origin: 50% 50%; } .inb-v3-orbit__ring--solid { stroke-width: 1; opacity: 0.55; } .inb-v3-orbit__ring--dash-a { stroke-width: 1.5; stroke-dasharray: 2 7; } .inb-v3-orbit__ring--dash-b { stroke-width: 1; stroke-dasharray: 34 10 4 10; opacity: 0.8; } .inb-v3-orbit__inner { display: flex; flex-direction: column; align-items: center; transition: transform 0.6s var(--inb-v3-ease); } @media (hover: hover) { .inb-v3 .inb-v3-orbit .wp-block-button__link.is-v3-orbit:hover .inb-v3-orbit__disc { background-color: var(--inb-v3-orbit-disc-hover); } } .inb-v3 .inb-v3-orbit .wp-block-button__link.is-v3-orbit:focus-visible .inb-v3-orbit__disc { background-color: var(--inb-v3-orbit-disc-hover); } .inb-v3-orbit .inb-v3-btn__label { max-width: 10ch; } @media (prefers-reduced-motion: no-preference) { .inb-v3-orbit .inb-v3-btn__c { transition-property: transform, opacity; transition-duration: var(--inb-v3-roll-dur), calc(var(--inb-v3-roll-dur) * 0.7); } .inb-v3-orbit .inb-v3-btn__t--in .inb-v3-btn__c { opacity: 0; } @media (hover: hover) { .inb-v3 .inb-v3-orbit .wp-block-button__link.is-v3-roll:hover .inb-v3-btn__t .inb-v3-btn__c { opacity: 0; } .inb-v3 .inb-v3-orbit .wp-block-button__link.is-v3-roll:hover .inb-v3-btn__t--in .inb-v3-btn__c { opacity: 1; } } .inb-v3 .inb-v3-orbit .wp-block-button__link.is-v3-roll:focus-visible .inb-v3-btn__t .inb-v3-btn__c { opacity: 0; } .inb-v3 .inb-v3-orbit .wp-block-button__link.is-v3-roll:focus-visible .inb-v3-btn__t--in .inb-v3-btn__c { opacity: 1; } } @media (max-width: 781px) { .inb-v3-orbit .inb-v3-btn__label { max-width: 11ch; } } @media (prefers-reduced-motion: no-preference) { .inb-v3-orbit__ring--dash-a { animation: inb-v3-orbit-spin 28s linear infinite; animation-play-state: paused; } .inb-v3-orbit__ring--dash-b { animation: inb-v3-orbit-spin 44s linear infinite reverse; animation-play-state: paused; } .is-v3-inview .inb-v3-orbit__ring--dash-a, .is-v3-inview .inb-v3-orbit__ring--dash-b { animation-play-state: running; } @media (hover: hover) { .inb-v3 .inb-v3-orbit .wp-block-button__link:hover::after { transform: translate3d(0.3em, 0, 0); } } .inb-v3 .inb-v3-orbit .wp-block-button__link:focus-visible::after { transform: translate3d(0.3em, 0, 0); } } @keyframes inb-v3-orbit-spin { to { transform: rotate(360deg); } } @media (prefers-reduced-motion: reduce) { .inb-v3-orbit__disc, .inb-v3-orbit__inner { transform: none !important; } .inb-v3 .inb-v3-orbit .wp-block-button__link:active { transform: none; } }
.inb-v3 #deweloper { scroll-margin-top: calc(var(--inb-v3-top) + clamp(1rem, 0.5rem + 1.5vw, 2rem)); } .inb-v3-location:has(> .inb-v3-location__inner:last-child > #deweloper:last-child) { padding-block-end: 0; } .inb-v3-location:has(> .inb-v3-location__inner:last-child > #deweloper:last-child) #deweloper { padding-block-end: var(--inb-v3-section-y); } .inb-v3 section[tabindex="-1"]:focus, .inb-v3 #deweloper[tabindex="-1"]:focus { outline: none; } @media (prefers-reduced-motion: reduce) { html:has(.inb-v3) { scroll-behavior: auto !important; } } .inb-header--v3 .inb-logo { transition: opacity var(--wp--custom--motion--duration) var(--wp--custom--motion--easing), transform var(--wp--custom--motion--duration) var(--wp--custom--motion--easing-out), visibility 0s linear 0s; } .inb-header--v3.is-v3-logo-hidden .inb-logo { opacity: 0; transform: translate3d(0, -0.5rem, 0); transition: opacity var(--wp--custom--motion--duration-fast) var(--wp--custom--motion--easing), transform var(--wp--custom--motion--duration-fast) var(--wp--custom--motion--easing); } .inb-header--v3.is-v3-logo-hidden .inb-logo:focus-within { opacity: 1; transform: none; } .inb-header--v3.is-v3-logo-instant .inb-logo { transition: none; } @media (prefers-reduced-motion: reduce) { .inb-header--v3 .inb-logo, .inb-header--v3.is-v3-logo-hidden .inb-logo { transform: none; } } @media (max-width: 359px) { .inb-header--v3 .inb-logo { --inb-logo-height: 1.75rem; } } @media (min-width: 901px) { .inb-header--v3 .inb-header__nav .wp-block-navigation__container { gap: clamp(0.9rem, 0.1rem + 1.45vw, 2rem); } } @media (min-width: 901px) and (max-width: 1023px) { .inb-header--v3 .inb-header__nav .wp-block-navigation__responsive-container-open:not(.always-shown) { display: flex; } .inb-header--v3 .inb-header__nav .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) { display: none; } .inb-header--v3 .inb-logo { margin-inline-end: auto; } .inb-header--v3 .inb-header__nav { order: 3; flex: 0 0 auto; } } .inb-header--v3 .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container { counter-reset: inb-v3-nav; } .inb-header--v3 .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content { counter-increment: inb-v3-nav; gap: 1rem; align-items: baseline; } .inb-header--v3 .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content::before { content: counter(inb-v3-nav, decimal-leading-zero); flex: 0 0 auto; min-width: 2ch; font-size: var(--wp--preset--font-size--small); font-weight: var(--wp--custom--font-weight--semibold); letter-spacing: 0.08em; color: var(--wp--custom--color--accent-on-dark); } @supports (content: "x" / "") { .inb-header--v3 .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content::before { content: counter(inb-v3-nav, decimal-leading-zero) / ""; } } .inb-header.inb-header--v3 .inb-header__nav .wp-block-navigation__responsive-container.is-v3-menu-anim.is-menu-open { animation: none; --inb-v3-menu-ease: cubic-bezier(0.76, 0, 0.24, 1); --inb-v3-menu-ease-out: cubic-bezier(0.16, 1, 0.3, 1); --inb-v3-menu-ease-in: cubic-bezier(0.7, 0, 0.84, 0); } .inb-header--v3.is-v3-menu-ready .inb-header__nav .wp-block-navigation__responsive-container-open svg, .inb-header.inb-header--v3 .inb-header__nav .wp-block-navigation__responsive-container.is-v3-menu-anim.is-menu-open .wp-block-navigation__responsive-container-close svg { display: none; } .inb-header--v3.is-v3-menu-ready .inb-header__nav .wp-block-navigation__responsive-container-open { position: relative; } .inb-header.inb-header--v3 .inb-header__nav .wp-block-navigation__responsive-container.is-v3-menu-anim.is-menu-open .wp-block-navigation__responsive-container-close { position: fixed; z-index: 2; top: var(--inb-v3-menu-btn-top, 0.75rem); left: var(--inb-v3-menu-btn-left, auto); right: var(--inb-v3-menu-btn-right, max(1rem, var(--wp--style--root--padding-right, 1rem))); } .inb-header--v3.is-v3-menu-ready .inb-header__nav .wp-block-navigation__responsive-container-open::before, .inb-header--v3.is-v3-menu-ready .inb-header__nav .wp-block-navigation__responsive-container-open::after, .inb-header.inb-header--v3 .inb-header__nav .wp-block-navigation__responsive-container.is-v3-menu-anim.is-menu-open .wp-block-navigation__responsive-container-close::before, .inb-header.inb-header--v3 .inb-header__nav .wp-block-navigation__responsive-container.is-v3-menu-anim.is-menu-open .wp-block-navigation__responsive-container-close::after { content: ""; position: absolute; top: 50%; left: 50%; width: 1.25rem; height: 1.5px; margin: -0.75px 0 0 -0.625rem; border-radius: 1px; background: currentColor; pointer-events: none; } .inb-header--v3.is-v3-menu-ready .inb-header__nav .wp-block-navigation__responsive-container-open::before, .inb-header.inb-header--v3 .inb-header__nav .wp-block-navigation__responsive-container.is-v3-menu-anim.is-menu-open .wp-block-navigation__responsive-container-close::before { translate: 0 -4px; rotate: 0deg; } .inb-header--v3.is-v3-menu-ready .inb-header__nav .wp-block-navigation__responsive-container-open::after, .inb-header.inb-header--v3 .inb-header__nav .wp-block-navigation__responsive-container.is-v3-menu-anim.is-menu-open .wp-block-navigation__responsive-container-close::after { translate: 0 4px; rotate: 0deg; } .inb-header.inb-header--v3 .inb-header__nav .wp-block-navigation__responsive-container.is-v3-menu-anim.is-menu-open.is-v3-menu-shown .wp-block-navigation__responsive-container-close::before { translate: 0 0; rotate: 45deg; } .inb-header.inb-header--v3 .inb-header__nav .wp-block-navigation__responsive-container.is-v3-menu-anim.is-menu-open.is-v3-menu-shown .wp-block-navigation__responsive-container-close::after { translate: 0 0; rotate: -45deg; } .inb-header--v3.is-v3-menu-ready .inb-header__nav .wp-block-navigation__responsive-container-open, .inb-header.inb-header--v3 .inb-header__nav .wp-block-navigation__responsive-container.is-v3-menu-anim .wp-block-navigation__responsive-container-close { -webkit-tap-highlight-color: transparent; } .inb-header.inb-header--v3 .inb-header__nav .wp-block-navigation__responsive-container.is-v3-menu-anim.is-menu-open::before { content: ""; position: fixed; z-index: 1; top: var(--inb-v3-menu-logo-top, 0); left: var(--inb-v3-menu-logo-left, 0); width: var(--inb-v3-menu-logo-width, 0); height: var(--inb-v3-menu-logo-height, 0); background: var(--inb-v3-menu-logo, none) left center / contain no-repeat; pointer-events: none; opacity: 0; } .inb-header.inb-header--v3 .inb-header__nav .wp-block-navigation__responsive-container.is-v3-menu-anim.is-menu-open.is-v3-menu-shown::before { opacity: 1; } .inb-header.inb-header--v3 .inb-header__nav .wp-block-navigation__responsive-container.is-v3-menu-anim.is-menu-open::after { content: ""; position: fixed; z-index: -1; right: -4.5rem; bottom: -5.5rem; width: min(64vw, 17rem); aspect-ratio: 231.24 / 464.26; background: var(--wp--custom--color--on-dark); -webkit-mask: url("https://zielonetarasysoho.pl/wp-content/themes/inb-developer/assets/images/home-v3/decor/leaf-outline.svg") center / contain no-repeat; mask: url("https://zielonetarasysoho.pl/wp-content/themes/inb-developer/assets/images/home-v3/decor/leaf-outline.svg") center / contain no-repeat; pointer-events: none; opacity: 0; transform: rotate(-18deg); transform-origin: 50% 100%; } .inb-header.inb-header--v3 .inb-header__nav .wp-block-navigation__responsive-container.is-v3-menu-anim.is-menu-open.is-v3-menu-shown::after { opacity: 0.09; } .inb-header.inb-header--v3 .inb-header__nav .wp-block-navigation__responsive-container.is-v3-menu-anim.is-menu-open .wp-block-navigation-item { position: relative; animation: none; border-block-end-color: transparent; } .inb-header--v3 .is-v3-menu-anim .wp-block-navigation-item:nth-child(1) { --inb-v3-menu-i: 0; } .inb-header--v3 .is-v3-menu-anim .wp-block-navigation-item:nth-child(2) { --inb-v3-menu-i: 1; } .inb-header--v3 .is-v3-menu-anim .wp-block-navigation-item:nth-child(3) { --inb-v3-menu-i: 2; } .inb-header--v3 .is-v3-menu-anim .wp-block-navigation-item:nth-child(4) { --inb-v3-menu-i: 3; } .inb-header--v3 .is-v3-menu-anim .wp-block-navigation-item:nth-child(5) { --inb-v3-menu-i: 4; } .inb-header--v3 .is-v3-menu-anim .wp-block-navigation-item:nth-child(6) { --inb-v3-menu-i: 5; } .inb-header--v3 .is-v3-menu-anim .wp-block-navigation-item:nth-child(7) { --inb-v3-menu-i: 6; } .inb-header--v3 .is-v3-menu-anim .wp-block-navigation-item:nth-child(8) { --inb-v3-menu-i: 7; } .inb-header--v3 .is-v3-menu-anim .wp-block-navigation-item:nth-child(9) { --inb-v3-menu-i: 8; } .inb-header--v3 .is-v3-menu-anim .wp-block-navigation-item:nth-child(n+10) { --inb-v3-menu-i: 9; } .inb-header.inb-header--v3 .inb-header__nav .wp-block-navigation__responsive-container.is-v3-menu-anim.is-menu-open .wp-block-navigation-item::after { content: ""; position: absolute; inset-inline: 0; bottom: -1px; height: 1px; background: var(--wp--custom--color--rule-on-dark); pointer-events: none; transform: scaleX(0); transform-origin: left center; } .inb-header.inb-header--v3 .inb-header__nav .wp-block-navigation__responsive-container.is-v3-menu-anim.is-menu-open.is-v3-menu-shown .wp-block-navigation-item::after { transform: none; } .inb-header.inb-header--v3 .inb-header__nav .wp-block-navigation__responsive-container.is-v3-menu-anim.is-menu-open .wp-block-navigation-item__content { opacity: 0; } .inb-header.inb-header--v3 .inb-header__nav .wp-block-navigation__responsive-container.is-v3-menu-anim.is-menu-open.is-v3-menu-shown .wp-block-navigation-item__content { opacity: 1; } @media (prefers-reduced-motion: no-preference) { .inb-header.inb-header--v3 .inb-header__nav .wp-block-navigation__responsive-container.is-v3-menu-anim.is-menu-open { clip-path: inset(0 0 100% 0); transition: clip-path 420ms var(--inb-v3-menu-ease-in) 110ms; } .inb-header.inb-header--v3 .inb-header__nav .wp-block-navigation__responsive-container.is-v3-menu-anim.is-menu-open.is-v3-menu-shown { clip-path: inset(0 0 0 0); transition: clip-path 560ms var(--inb-v3-menu-ease); } .inb-header.inb-header--v3 .inb-header__nav .wp-block-navigation__responsive-container.is-v3-menu-anim.is-menu-open .wp-block-navigation__responsive-container-close::before, .inb-header.inb-header--v3 .inb-header__nav .wp-block-navigation__responsive-container.is-v3-menu-anim.is-menu-open .wp-block-navigation__responsive-container-close::after { transition: rotate 200ms var(--inb-v3-menu-ease-in), translate 200ms var(--inb-v3-menu-ease-out) 160ms; } .inb-header.inb-header--v3 .inb-header__nav .wp-block-navigation__responsive-container.is-v3-menu-anim.is-menu-open.is-v3-menu-shown .wp-block-navigation__responsive-container-close::before, .inb-header.inb-header--v3 .inb-header__nav .wp-block-navigation__responsive-container.is-v3-menu-anim.is-menu-open.is-v3-menu-shown .wp-block-navigation__responsive-container-close::after { transition: translate 220ms var(--inb-v3-menu-ease) 60ms, rotate 360ms var(--inb-v3-menu-ease-out) 260ms; } .inb-header.inb-header--v3 .inb-header__nav .wp-block-navigation__responsive-container.is-v3-menu-anim.is-menu-open::before { transform: translate3d(0, -0.5rem, 0); transition: opacity 200ms ease-in, transform 260ms var(--inb-v3-menu-ease-in); } .inb-header.inb-header--v3 .inb-header__nav .wp-block-navigation__responsive-container.is-v3-menu-anim.is-menu-open.is-v3-menu-shown::before { transform: none; transition: opacity 480ms ease-out 140ms, transform 640ms var(--inb-v3-menu-ease-out) 140ms; } .inb-header.inb-header--v3 .inb-header__nav .wp-block-navigation__responsive-container.is-v3-menu-anim.is-menu-open::after { transform: translate3d(1.5rem, 2.5rem, 0) rotate(-8deg); transition: opacity 240ms ease-in, transform 260ms ease-in; } .inb-header.inb-header--v3 .inb-header__nav .wp-block-navigation__responsive-container.is-v3-menu-anim.is-menu-open.is-v3-menu-shown::after { transform: rotate(-18deg); transition: opacity 700ms ease-out 160ms, transform 880ms var(--inb-v3-menu-ease-out) 120ms; } .inb-header.inb-header--v3 .inb-header__nav .wp-block-navigation__responsive-container.is-v3-menu-anim.is-menu-open .wp-block-navigation-item::after { transform-origin: right center; transition: transform 240ms var(--inb-v3-menu-ease-in); } .inb-header.inb-header--v3 .inb-header__nav .wp-block-navigation__responsive-container.is-v3-menu-anim.is-menu-open.is-v3-menu-shown .wp-block-navigation-item::after { transform-origin: left center; transition: transform 620ms var(--inb-v3-menu-ease-out) calc(160ms + 40ms * var(--inb-v3-menu-i)); } .inb-header.inb-header--v3 .inb-header__nav .wp-block-navigation__responsive-container.is-v3-menu-anim.is-menu-open .wp-block-navigation-item__content { transform: translate3d(0, 0.9rem, 0); transition-property: opacity, transform, color, padding; transition-duration: 200ms, 260ms, var(--wp--custom--motion--duration-fast), var(--wp--custom--motion--duration-fast); transition-timing-function: ease-in, var(--inb-v3-menu-ease-in), var(--wp--custom--motion--easing), var(--wp--custom--motion--easing); transition-delay: 0s; } .inb-header.inb-header--v3 .inb-header__nav .wp-block-navigation__responsive-container.is-v3-menu-anim.is-menu-open.is-v3-menu-shown .wp-block-navigation-item__content { transform: none; transition-duration: 420ms, 560ms, var(--wp--custom--motion--duration-fast), var(--wp--custom--motion--duration-fast); transition-timing-function: ease-out, var(--inb-v3-menu-ease-out), var(--wp--custom--motion--easing), var(--wp--custom--motion--easing); transition-delay: calc(120ms + 40ms * var(--inb-v3-menu-i)), calc(120ms + 40ms * var(--inb-v3-menu-i)), 0s, 0s; } } @media (prefers-reduced-motion: reduce) { .inb-header.inb-header--v3 .inb-header__nav .wp-block-navigation__responsive-container.is-v3-menu-anim.is-menu-open { opacity: 0; } .inb-header.inb-header--v3 .inb-header__nav .wp-block-navigation__responsive-container.is-v3-menu-anim.is-menu-open.is-v3-menu-shown { opacity: 1; transition: opacity 160ms linear; } }
@property --inb-v3-open { syntax: "<number>"; inherits: true; initial-value: 0; } @property --inb-v3-shade { syntax: "<number>"; inherits: true; initial-value: 0; } @property --inb-v3-drift { syntax: "<number>"; inherits: true; initial-value: 0; } @property --inb-v3-cap { syntax: "<number>"; inherits: false; initial-value: 1; } .inb-v3-scene { position: relative; z-index: 0; } .inb-v3-stage, .inb-v3-portal, .inb-v3-portal__media, .inb-v3-sky, .inb-v3-entry, .inb-v3-hero__content { margin-block: 0 !important; } .inb-v3-media { margin: 0 !important; } .inb-v3-media img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: 47% 18%; } .inb-v3-logo { margin: 0; } .inb-v3-logo img { display: block; width: clamp(14rem, 7rem + 16vw, 26rem); height: auto; aspect-ratio: 1484.5 / 339.7; } .inb-v3-entry__line { width: clamp(3rem, 2rem + 3vw, 5.5rem); height: 1px; margin-block-start: clamp(1rem, 0.75rem + 1vw, 1.75rem) !important; background: var(--wp--custom--color--accent-on-dark); transform-origin: 50% 50%; } .inb-v3-title { margin: 0; font-family: var(--wp--preset--font-family--heading); font-size: var(--wp--preset--font-size--display); font-weight: var(--wp--custom--font-weight--light); line-height: 1.02; letter-spacing: var(--wp--custom--letter-spacing--display); color: var(--wp--custom--color--on-dark); text-wrap: balance; } .inb-v3-title strong { display: block; font-weight: var(--wp--custom--font-weight--black); letter-spacing: var(--wp--custom--letter-spacing--title); line-height: var(--wp--custom--line-height--title); color: var(--wp--custom--color--accent-on-dark); } .inb-v3-lead { max-width: 32rem; margin: clamp(1rem, 0.75rem + 1vw, 1.75rem) 0 0 !important; font-size: var(--wp--preset--font-size--medium); font-weight: var(--wp--custom--font-weight--light); line-height: 1.55; color: var(--wp--custom--color--on-dark-muted); text-wrap: pretty; } .inb-v3-actions { margin-block-start: clamp(1.25rem, 1rem + 1.25vw, 2.25rem) !important; } .inb-v3-manifest { position: relative; z-index: 1; color: var(--wp--custom--color--text); padding-block: clamp(4.5rem, 2rem + 9vw, 11rem) clamp(2.5rem, 1rem + 4vw, 6rem); padding-inline: var(--inb-v3-gutter); } .inb-v3-manifest::before { content: ""; position: absolute; inset-inline: 0; bottom: calc(100% - 1px); height: var(--inb-v3-cap-h); background: inherit; transform-origin: 50% 100%; transform: scaleY(var(--inb-v3-cap)); pointer-events: none; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 120' preserveAspectRatio='none'%3E%3Cpath d='M0 120V96C300 20 620 0 900 8c240 7 410 40 540 70v42z'/%3E%3C/svg%3E") center bottom / 100% 100% no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 120' preserveAspectRatio='none'%3E%3Cpath d='M0 120V96C300 20 620 0 900 8c240 7 410 40 540 70v42z'/%3E%3C/svg%3E") center bottom / 100% 100% no-repeat; } .inb-v3-manifest__inner { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--wp--preset--spacing--40); row-gap: 0; max-width: var(--wp--style--global--wide-size); margin-inline: auto; } .inb-v3-manifest__inner > * { margin-block: 0 !important; } .inb-v3-manifest__inner > .inb-v3-eyebrow { grid-column: 1 / -1; } .inb-v3-manifest__title { grid-column: 1 / -1; margin-block-start: clamp(1.5rem, 1rem + 2vw, 3rem) !important; font-family: var(--wp--preset--font-family--heading); font-size: clamp(2.6rem, 1.1rem + 6vw, 8.5rem); font-weight: var(--wp--custom--font-weight--light); line-height: 0.98; letter-spacing: var(--wp--custom--letter-spacing--display); color: var(--wp--custom--color--text); text-wrap: balance; } .inb-v3-manifest__title strong { display: block; padding-inline-start: 16%; font-weight: var(--wp--custom--font-weight--black); letter-spacing: var(--wp--custom--letter-spacing--title); line-height: var(--wp--custom--line-height--title); color: var(--wp--preset--color--primary); } .inb-v3-manifest__lead { grid-column: 7 / -1; max-width: 36rem; margin-block-start: clamp(2rem, 1rem + 3vw, 4.5rem) !important; font-size: var(--wp--preset--font-size--large); font-weight: var(--wp--custom--font-weight--light); line-height: 1.5; color: var(--wp--custom--color--text-muted); text-wrap: pretty; } @media (max-width: 781px) { .inb-v3-manifest__title strong { padding-inline-start: 0; } .inb-v3-manifest__lead { grid-column: 1 / -1; font-size: var(--wp--preset--font-size--medium); } } .inb-v3-stage { position: relative; display: flex; flex-direction: column; } .inb-v3-entry { display: flex; flex-direction: column; align-items: center; padding: clamp(2.5rem, 1.5rem + 4vw, 5rem) var(--wp--preset--spacing--40) clamp(2rem, 1rem + 3vw, 3.5rem); } .inb-v3-portal { position: relative; } .inb-v3-portal__media { position: relative; height: clamp(17rem, 52vw, 46rem); max-height: 78svh; overflow: clip; } .inb-v3-sky, .inb-v3-portal__media > .inb-v3-media, .inb-v3-sky > .inb-v3-media { position: absolute; inset: 0; } .inb-v3-media--dusk, .inb-v3-media--sky-dusk { display: none; } .inb-v3-hero__content { position: relative; padding: clamp(2rem, 1.5rem + 3vw, 4rem) var(--inb-v3-gutter) calc(var(--inb-v3-cap-h) + clamp(2rem, 1.5rem + 3vw, 4rem)); } .inb-v3-hero__content > * { max-width: 46rem; } @keyframes inb-v3-entry-rise { from { opacity: 0; transform: translate3d(0, 1.25rem, 0); } to { opacity: 1; transform: none; } } @keyframes inb-v3-entry-line { from { transform: scaleX(0); } to { transform: scaleX(1); } } @keyframes inb-v3-entry-build { from { transform: translate3d(0, 5%, 0); } to { transform: none; } } @keyframes inb-v3-entry-fade { from { opacity: 0; } to { opacity: 1; } } @media (prefers-reduced-motion: no-preference) and (min-height: 30rem) { .inb-js:not(.inb-v3-fallback) .inb-v3-scene { --inb-v3-length: 340; height: calc(var(--inb-v3-length) * 1svh); } .inb-js:not(.inb-v3-fallback) .inb-v3-stage { position: sticky; top: var(--inb-v3-top); display: block; height: calc(100svh - var(--inb-v3-top)); overflow: clip; } .inb-js:not(.inb-v3-fallback) .inb-v3-manifest { margin-block-start: calc(-1 * (100svh - var(--inb-v3-top))) !important; } .inb-js:not(.inb-v3-fallback) .inb-v3-entry { position: absolute; inset: 0 0 auto; z-index: 2; height: 25%; justify-content: center; padding: 0 var(--wp--preset--spacing--40); pointer-events: none; } .inb-js:not(.inb-v3-fallback) .inb-v3-logo { animation: inb-v3-entry-rise 1.1s var(--inb-v3-ease) 0.1s both; } .inb-js:not(.inb-v3-fallback) .inb-v3-entry__line { animation: inb-v3-entry-line 0.9s var(--inb-v3-ease) 0.5s both; } .inb-js:not(.inb-v3-fallback) .inb-v3-portal { --inb-v3-inv: calc(1 - var(--inb-v3-open)); --inb-v3-pl: 2%; --inb-v3-pr: 6%; --inb-v3-pt: 20%; --inb-v3-arch: 46vw; --inb-v3-scale0: 0.78; position: absolute; inset: 0; z-index: 1; } .inb-js:not(.inb-v3-fallback) .inb-v3-portal__media { position: absolute; inset: 0; height: auto; max-height: none; transform-origin: 48% 100%; transform: translate3d(0, calc(var(--inb-v3-drift) * -6%), 0) scale(calc(var(--inb-v3-scale0) + (1 - var(--inb-v3-scale0)) * var(--inb-v3-open))); backface-visibility: hidden; } .inb-js:not(.inb-v3-fallback) .inb-v3-sky { clip-path: inset(calc(var(--inb-v3-inv) * var(--inb-v3-pt)) calc(var(--inb-v3-inv) * var(--inb-v3-pr)) 0 calc(var(--inb-v3-inv) * var(--inb-v3-pl)) round calc(var(--inb-v3-inv) * var(--inb-v3-arch)) calc(var(--inb-v3-inv) * var(--inb-v3-arch)) 0 0); } .inb-js:not(.inb-v3-fallback) .inb-v3-sky > .inb-v3-media { transform-origin: 48% 100%; transform: scale(calc(1.1 - 0.1 * var(--inb-v3-open))); } .inb-js:not(.inb-v3-fallback) .inb-v3-portal__media > .inb-v3-media { clip-path: inset(-40% calc(var(--inb-v3-inv) * var(--inb-v3-pr)) 0 calc(var(--inb-v3-inv) * var(--inb-v3-pl))); } .inb-js:not(.inb-v3-fallback) .inb-v3-media--day img { animation: inb-v3-entry-build 1.6s var(--inb-v3-ease) both; } .inb-js:not(.inb-v3-fallback) .inb-v3-media--sky img { animation: inb-v3-entry-fade 1.4s var(--inb-v3-ease) 0.15s both; } .inb-js:not(.inb-v3-fallback) .inb-v3-media--dusk, .inb-js:not(.inb-v3-fallback) .inb-v3-media--sky-dusk { display: block; opacity: 0; } .inb-js:not(.inb-v3-fallback) .inb-v3-portal::after { content: ""; position: absolute; inset: 0; z-index: 1; opacity: var(--inb-v3-shade); background: linear-gradient(to top, color-mix(in srgb, var(--wp--custom--color--surface-dark) 92%, transparent) 0%, color-mix(in srgb, var(--wp--custom--color--surface-dark) 62%, transparent) 34%, transparent 70%), linear-gradient(to right, color-mix(in srgb, var(--wp--custom--color--surface-dark) 70%, transparent) 0%, color-mix(in srgb, var(--wp--custom--color--surface-dark) 25%, transparent) 55%, transparent 80%); pointer-events: none; } .inb-js:not(.inb-v3-fallback) .inb-v3-hero__content { position: absolute; inset: auto 0 0; z-index: 3; padding: 0 var(--inb-v3-gutter) clamp(2.5rem, 1rem + 4vw, 5rem); pointer-events: none; } .inb-js:not(.inb-v3-fallback) .inb-v3-title { font-size: clamp(3rem, 0.5rem + 5.4vw, 7rem); line-height: 0.98; } .inb-js:not(.inb-v3-fallback) .inb-v3-title-mask { --inb-v3-title-room: clamp(1.2rem, 0.2rem + 2.2vw, 2.8rem); overflow: clip; padding-block: var(--inb-v3-title-room); margin-block: calc(-1 * var(--inb-v3-title-room)); } .inb-js:not(.inb-v3-fallback) .inb-v3-hero__content > * { max-width: 52rem; opacity: 0; pointer-events: auto; } .inb-js:not(.inb-v3-fallback) .inb-v3-hero__content > .inb-v3-lead { max-width: 30rem; } .inb-js:not(.inb-v3-fallback) .inb-v3-scene:not(.is-v3-content) .inb-v3-actions { pointer-events: none; } @media (max-width: 781px) { .inb-js:not(.inb-v3-fallback) .inb-v3-scene { --inb-v3-length: 280; } .inb-js:not(.inb-v3-fallback) .inb-v3-stage { --inb-v3-box: min(104vw, 100% - 19.5rem); } .inb-js:not(.inb-v3-fallback) .inb-v3-entry { height: calc(100% - var(--inb-v3-box) * 0.82); } .inb-js:not(.inb-v3-fallback) .inb-v3-logo img { width: min(74vw, 19rem); } .inb-js:not(.inb-v3-fallback) .inb-v3-portal { --inb-v3-pl: 0%; --inb-v3-pr: 0%; --inb-v3-pt: 0%; --inb-v3-arch: 50vw; --inb-v3-scale0: 0.9; inset: 0 0 auto; height: var(--inb-v3-box); transform: translate3d(0, calc(var(--inb-v3-inv) * (100svh - var(--inb-v3-top) - 100%)), 0); } .inb-js:not(.inb-v3-fallback) .inb-v3-portal__media { transform-origin: 50% 100%; } .inb-js:not(.inb-v3-fallback) .inb-v3-portal__media > .inb-v3-media { clip-path: none; } .inb-js:not(.inb-v3-fallback) .inb-v3-portal::after { opacity: 1; background: linear-gradient(to top, var(--wp--custom--color--surface-dark) 0%, transparent 18%); } .inb-js:not(.inb-v3-fallback) .inb-v3-hero__content { inset: auto 0 0; padding: 0 var(--wp--preset--spacing--40) clamp(1.25rem, 3.5svh, 2.25rem); } .inb-js:not(.inb-v3-fallback) .inb-v3-title { font-size: clamp(2.1rem, 1.2rem + 4vw, 2.9rem); line-height: 1; } .inb-js:not(.inb-v3-fallback) .inb-v3-lead { margin-block-start: 0.85rem !important; font-size: var(--wp--preset--font-size--small); } .inb-js:not(.inb-v3-fallback) .inb-v3-actions { margin-block-start: 1.1rem !important; } } } @media print { .inb-v3-scene { height: auto !important; } .inb-v3-stage { position: static !important; height: auto !important; } .inb-v3-hero__content > * { opacity: 1 !important; transform: none !important; } }
.inb-v3-leadform { padding-block: clamp(1rem, 0.5rem + 2vw, 2.5rem); } .inb-v3-leadform__panel { box-sizing: border-box; display: grid; gap: clamp(1.25rem, 1rem + 1vw, 2rem); max-width: var(--wp--style--global--wide-size, 80rem); margin: 0 auto !important; padding: clamp(1.25rem, 0.75rem + 2.5vw, 3rem); border: 1px solid var(--wp--custom--color--rule); border-radius: 1rem; box-shadow: 0 1.5rem 3rem -2rem color-mix(in srgb, var(--wp--preset--color--primary-deep) 45%, transparent); color: var(--wp--custom--color--text); } .inb-v3-leadform__panel > * { margin-block: 0 !important; min-width: 0; } .inb-v3-leadform__head > * { margin-block: 0; } .inb-v3 .inb-v3-leadform__title { margin: 0; font-family: var(--wp--preset--font-family--heading); font-size: clamp(1.35rem, 1rem + 1.4vw, 2.25rem); font-weight: var(--wp--custom--font-weight--title); line-height: var(--wp--custom--line-height--tight); letter-spacing: 0.02em; text-transform: uppercase; text-wrap: balance; color: var(--wp--custom--color--text); } .inb-v3-leadform__lead { margin-block-start: 0.5rem !important; font-size: var(--wp--preset--font-size--medium); line-height: 1.4; color: var(--wp--custom--color--text-muted); } .inb-v3-leadform__form { container-type: inline-size; min-width: 0; } @media (min-width: 1100px) { .inb-v3-leadform__panel { grid-template-columns: minmax(14rem, 19rem) minmax(0, 1fr); column-gap: clamp(2rem, 1rem + 2.5vw, 4rem); align-items: start; } .inb-v3-leadform__head { padding-block-start: 0.25rem; } } @container (min-width: 40rem) { .inb-v3 .inb-v3-leadform .inb-ef-form { grid-template-columns: repeat(3, minmax(0, 1fr)) auto; grid-auto-flow: row dense; align-items: end; gap: 1rem 1rem; max-width: none; } .inb-v3 .inb-v3-leadform .inb-ef-form > .inb-ef-field:not(.inb-ef-field-textarea, .inb-ef-field-checkbox) { grid-column: auto; } .inb-v3 .inb-v3-leadform .inb-ef-form > .inb-ef-submit { grid-column: -2 / -1; grid-row: 1; align-self: end; justify-self: stretch; margin: 0; } .inb-v3 .inb-v3-leadform .inb-ef-form .inb-ef-consents { margin-block-start: 0; padding-block-start: 1rem; } } @container (max-width: 39.999rem) { .inb-v3 .inb-v3-leadform .inb-ef-form .inb-ef-submit { justify-self: stretch; width: 100%; } }
@property --inb-v3-sway { syntax: "<angle>"; inherits: false; initial-value: 0deg; } .inb-v3-about { overflow: clip; padding-block-end: clamp(3rem, 1rem + 5vw, 6rem); } .inb-v3-manifest + .inb-v3-about, .inb-v3-leadform + .inb-v3-about { padding-block-start: clamp(2.5rem, 1rem + 4vw, 6rem); } .inb-v3-about__inner { position: relative; z-index: 1; } .inb-v3-about__title { margin-block-start: clamp(1.25rem, 1rem + 1.5vw, 2.5rem) !important; } .inb-v3-about__title strong { display: block; } .inb-v3-about__media, .inb-v3-about__detail { position: relative; overflow: clip; } .inb-v3-about__media img, .inb-v3-about__detail img { display: block; width: 100%; height: 100%; object-fit: cover; } .inb-v3-about__media { margin-block-start: clamp(2.5rem, 1.5rem + 4vw, 6rem) !important; aspect-ratio: 4 / 5; border-radius: 0 clamp(5rem, 12vw, 12rem) 0 0; } .inb-v3-about__media img { object-position: 50% 40%; } .inb-v3-about__copy { margin-block-start: clamp(2rem, 1.5rem + 2vw, 3rem) !important; } .inb-v3-about__copy > * { margin-block: 0; } .inb-v3-about__lead { font-family: var(--wp--preset--font-family--heading); font-size: var(--wp--preset--font-size--large); font-weight: var(--wp--custom--font-weight--light); line-height: 1.35; letter-spacing: var(--wp--custom--letter-spacing--tight); color: var(--wp--custom--color--text); text-wrap: pretty; } .inb-v3-about__text { margin-block-start: 1.25rem !important; max-width: 34rem; font-size: var(--wp--preset--font-size--medium); line-height: var(--wp--custom--line-height--body); color: var(--wp--custom--color--text-muted); text-wrap: pretty; } .inb-v3-about__list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 var(--wp--preset--spacing--40); margin-block-start: clamp(1.75rem, 1.25rem + 1.5vw, 2.5rem) !important; padding: 0; list-style: none; } .inb-v3-about__list li { padding-block: 0.85rem; border-block-start: 1px solid var(--wp--custom--color--rule); font-size: var(--wp--preset--font-size--small); font-weight: var(--wp--custom--font-weight--semibold); letter-spacing: 0.04em; color: var(--wp--custom--color--text); } .inb-v3-about__actions { margin-block-start: clamp(1.75rem, 1.25rem + 1.5vw, 2.75rem) !important; } .inb-v3-about__detail { margin-block-start: clamp(2.5rem, 1.5rem + 3vw, 4rem) !important; } .inb-v3-about__detail img { aspect-ratio: 4 / 3; height: auto; transform-origin: 50% 100%; border-radius: clamp(3rem, 6vw, 6rem) 0 0 0; } .inb-v3-about__detail figcaption { margin: 0.75rem 0 0; font-size: var(--wp--preset--font-size--small); color: var(--wp--custom--color--text-muted); } @media (min-width: 782px) { .inb-v3-about__inner { grid-template-rows: auto auto auto 1fr; } .inb-v3-about__eyebrow { grid-column: 1 / -1; grid-row: 1; } .inb-v3-about__title { grid-column: 1 / 11; grid-row: 2; } .inb-v3-about__media { grid-column: 1 / 7; grid-row: 3 / 5; } .inb-v3-about__copy { grid-column: 8 / 13; grid-row: 3; align-self: start; margin-block-start: clamp(4rem, 2rem + 6vw, 9rem) !important; } .inb-v3-about__detail { grid-column: 9 / 13; grid-row: 4; align-self: end; } } @media (min-width: 1100px) { .inb-v3-about__copy { grid-column: 8 / 12; } } @media (max-width: 781px) { .inb-v3-about__media { grid-column: 1 / -2; grid-row: 4; } .inb-v3-about__copy { grid-row: 3; } .inb-v3-about__detail { grid-column: 4 / -1; grid-row: 5; } }
@property --inb-v3-fp { syntax: "<number>"; inherits: true; initial-value: 0; } .inb-v3-features { --inb-v3-fn: 5; position: relative; padding-block: var(--inb-v3-section-y); } .inb-v3-features__head, .inb-v3-features__rail, .inb-v3-features__frame, .inb-v3-features__track { margin-block: 0 !important; } .inb-v3-features__head { max-width: var(--wp--style--global--wide-size); margin-inline: auto !important; padding-inline: var(--inb-v3-gutter); box-sizing: content-box; } .inb-v3-features__head > * { margin-block: 0; } .inb-v3-features__title { max-width: 15ch; margin-block-start: clamp(1.25rem, 1rem + 1.5vw, 2.5rem) !important; } .inb-v3-features__title strong { display: block; } .inb-v3-features__title.is-v3-split .inb-v3-w--accent { overflow: visible; } .inb-v3-features__head.is-v3-await .inb-v3-eyebrow, .inb-v3-features__head.is-v3-await .inb-v3-w:not(.inb-v3-w--accent) > .inb-v3-w__in, .inb-v3-features__title.is-v3-await-accent .inb-v3-w--accent > .inb-v3-w__in, .inb-v3-feature.is-v3-await .inb-v3-feature__body > * { opacity: 0; } .inb-v3-features__hud { display: none; } .inb-v3-features__index { margin: 0; font-family: var(--wp--preset--font-family--heading); font-size: var(--wp--preset--font-size--medium); font-weight: var(--wp--custom--font-weight--semibold); font-variant-numeric: tabular-nums; letter-spacing: 0.08em; color: var(--wp--custom--color--on-dark); } .inb-v3-features__total { color: var(--wp--custom--color--on-dark-muted); } .inb-v3-features__index { line-height: 1.2; } .inb-v3-features__current.is-v3-rolling { display: inline-block; height: 1.2em; overflow: clip; vertical-align: top; } .inb-v3-features__roll { display: block; will-change: transform; } .inb-v3-features__roll > span { display: block; height: 1.2em; } .inb-v3-features__progress { position: relative; flex: 1 1 auto; max-width: 16rem; height: 1px; margin: 0 !important; background: var(--wp--custom--color--rule-on-dark); } .inb-v3-features__progress::after { content: ""; position: absolute; inset: 0; background: var(--wp--custom--color--accent-on-dark); transform-origin: 0 50%; transform: scaleX(var(--inb-v3-fp)); } .inb-v3-features__rail { margin-block-start: clamp(2.5rem, 1.5rem + 4vw, 6rem) !important; } .inb-v3-features__track { display: grid; gap: clamp(3.5rem, 2rem + 6vw, 7rem); max-width: var(--wp--style--global--wide-size); margin-inline: auto !important; padding-inline: var(--inb-v3-gutter); box-sizing: content-box; } .inb-v3-feature { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--wp--preset--spacing--40); align-items: end; margin: 0 !important; } .inb-v3-feature > * { margin-block: 0 !important; } .inb-v3-feature__media { grid-column: 1 / 8; position: relative; overflow: clip; aspect-ratio: 4 / 3; } .inb-v3-feature__media img { display: block; width: 100%; height: 100%; object-fit: cover; } .inb-v3-feature:nth-child(1) .inb-v3-feature__media img { object-position: 30% 60%; } .inb-v3-feature:nth-child(2) .inb-v3-feature__media img { object-position: 50% 70%; } .inb-v3-feature:nth-child(3) .inb-v3-feature__media img { object-position: 40% 40%; } .inb-v3-feature:nth-child(4) .inb-v3-feature__media img { object-position: 55% 35%; } .inb-v3-feature:nth-child(5) .inb-v3-feature__media img { object-position: 40% 60%; } .inb-v3-feature__media--plan { background-color: var(--wp--preset--color--surface); } .inb-v3 .inb-v3-feature .inb-v3-feature__media--plan { aspect-ratio: 1 / 1; } @media (min-width: 782px) { .inb-v3 .inb-v3-feature .inb-v3-feature__media--plan { width: min(100%, 38rem); justify-self: end; } } @media (max-width: 781px) { .inb-v3 .inb-v3-feature:nth-child(even) .inb-v3-feature__media--plan { grid-column: 1 / -1; } } .inb-v3 .inb-v3-feature .inb-v3-feature__media--plan img { object-fit: contain; object-position: 50% 50%; } .inb-v3-feature__body { grid-column: 9 / 13; padding-block-end: 0.25rem; } .inb-v3-feature__body > * { margin-block: 0; } .inb-v3-feature:nth-child(even) .inb-v3-feature__media { grid-column: 6 / 13; grid-row: 1; } .inb-v3-feature:nth-child(even) .inb-v3-feature__body { grid-column: 1 / 5; grid-row: 1; } .inb-v3-feature__num { font-family: var(--wp--preset--font-family--heading); font-size: clamp(3.5rem, 2rem + 5vw, 7.5rem); font-weight: var(--wp--custom--font-weight--light); line-height: 0.9; letter-spacing: var(--wp--custom--letter-spacing--title); font-variant-numeric: tabular-nums; color: var(--wp--custom--color--accent-on-dark); } .inb-v3-feature__of { font-size: var(--wp--preset--font-size--small); font-weight: var(--wp--custom--font-weight--semibold); letter-spacing: 0.08em; vertical-align: top; color: var(--wp--custom--color--on-dark-muted); } .inb-v3-feature__title { margin-block-start: clamp(1rem, 0.75rem + 1vw, 1.75rem) !important; font-family: var(--wp--preset--font-family--heading); font-size: var(--wp--preset--font-size--x-large); font-weight: var(--wp--custom--font-weight--title); line-height: var(--wp--custom--line-height--tight); letter-spacing: var(--wp--custom--letter-spacing--tight); color: var(--wp--custom--color--on-dark); text-wrap: balance; } .inb-v3-feature__text { margin-block-start: 1rem !important; max-width: 28rem; font-size: var(--wp--preset--font-size--medium); line-height: var(--wp--custom--line-height--body); color: var(--wp--custom--color--on-dark-muted); text-wrap: pretty; } @media (max-width: 781px) { .inb-v3-feature__media, .inb-v3-feature:nth-child(even) .inb-v3-feature__media { grid-column: 1 / -1; grid-row: 1; } .inb-v3-feature__body, .inb-v3-feature:nth-child(even) .inb-v3-feature__body { grid-column: 1 / -1; grid-row: 2; margin-block-start: 1.5rem !important; } .inb-v3-feature:nth-child(even) .inb-v3-feature__media { grid-column: 2 / -1; } .inb-v3-feature__num { font-size: clamp(3rem, 2rem + 6vw, 4.5rem); } } @media (prefers-reduced-motion: no-preference) and (min-height: 30rem) and (min-width: 782px) { .inb-js:not(.inb-v3-fallback) .inb-v3-features { --inb-v3-fh: calc(100svh - var(--inb-v3-top)); --inb-v3-fw: min(76vw, 74rem); --inb-v3-fg: clamp(2rem, 1rem + 4vw, 5rem); --inb-v3-fdist: calc(var(--inb-v3-fn) * var(--inb-v3-fw) + (var(--inb-v3-fn) - 1) * var(--inb-v3-fg) + 2 * var(--inb-v3-gutter) - 100vw); padding-block-end: 0; } .inb-js:not(.inb-v3-fallback) .inb-v3-features__rail { height: calc(var(--inb-v3-fh) + var(--inb-v3-fdist-px, var(--inb-v3-fdist)) + 35svh); margin-block-start: clamp(1.5rem, 1rem + 2vw, 3rem) !important; } .inb-js:not(.inb-v3-fallback) .inb-v3-features__frame { position: sticky; top: var(--inb-v3-top); display: grid; grid-template-rows: auto minmax(0, 1fr); row-gap: clamp(1rem, 3svh, 2rem); height: var(--inb-v3-fh); padding-block: clamp(1rem, 4svh, 2.5rem) clamp(1.5rem, 6svh, 4rem); box-sizing: border-box; overflow: clip; } .inb-js:not(.inb-v3-fallback) .inb-v3-features__hud { display: flex; align-items: center; gap: 1.5rem; padding-inline: var(--inb-v3-gutter); } .inb-js:not(.inb-v3-fallback) .inb-v3-features__track { display: flex; gap: var(--inb-v3-fg); width: max-content; max-width: none; height: 100%; margin: 0 !important; will-change: transform; } .inb-js:not(.inb-v3-fallback) .inb-v3-feature { flex: none; width: var(--inb-v3-fw); height: 100%; grid-template-rows: minmax(0, 1fr); align-items: stretch; } .inb-js:not(.inb-v3-fallback) .inb-v3-feature__media, .inb-js:not(.inb-v3-fallback) .inb-v3-feature:nth-child(even) .inb-v3-feature__media { grid-column: 1 / 8; grid-row: 1; aspect-ratio: auto; height: 100%; } .inb-js:not(.inb-v3-fallback) .inb-v3 .inb-v3-feature .inb-v3-feature__media--plan { width: auto; max-width: 100%; height: 100%; aspect-ratio: 1 / 1; justify-self: start; } .inb-js:not(.inb-v3-fallback) .inb-v3-feature__body, .inb-js:not(.inb-v3-fallback) .inb-v3-feature:nth-child(even) .inb-v3-feature__body { grid-column: 8 / 13; grid-row: 1; align-self: end; padding-inline-start: clamp(0.5rem, 2vw, 2rem); } .inb-js:not(.inb-v3-fallback) .inb-v3-feature__media:not(.inb-v3-feature__media--plan) img { width: 116%; max-width: none; margin-inline-start: -8%; will-change: transform; } .inb-js:not(.inb-v3-fallback) .inb-v3-feature__body { transition: opacity var(--inb-v3-dur) var(--inb-v3-ease); } .inb-js.inb-v3-live:not(.inb-v3-fallback) .inb-v3-feature:not(.is-v3-active) .inb-v3-feature__body { opacity: 0.12; } .inb-js:not(.inb-v3-fallback) .inb-v3-feature__of { display: none; } } @media (prefers-reduced-motion: no-preference) and (min-height: 30rem) and (min-width: 782px) and (max-width: 1099px) { .inb-js:not(.inb-v3-fallback) .inb-v3-features { --inb-v3-fw: 84vw; } .inb-js:not(.inb-v3-fallback) .inb-v3-feature__media, .inb-js:not(.inb-v3-fallback) .inb-v3-feature:nth-child(even) .inb-v3-feature__media { grid-column: 1 / 7; } .inb-js:not(.inb-v3-fallback) .inb-v3-feature__body, .inb-js:not(.inb-v3-fallback) .inb-v3-feature:nth-child(even) .inb-v3-feature__body { grid-column: 7 / 13; } } @media (prefers-reduced-motion: no-preference) and (min-height: 30rem) and (max-height: 800px) and (min-width: 782px) { .inb-js:not(.inb-v3-fallback) .inb-v3-feature__num { font-size: clamp(3rem, 2rem + 3.5vw, 5.5rem); } .inb-js:not(.inb-v3-fallback) .inb-v3-feature__title { font-size: var(--wp--preset--font-size--large); } .inb-js:not(.inb-v3-fallback) .inb-v3-feature__text { font-size: var(--wp--preset--font-size--small); } } @media print { .inb-v3-features__rail { height: auto !important; } .inb-v3-features__frame { position: static !important; height: auto !important; } .inb-v3-features__track { transform: none !important; } }
@property --inb-v3-rule { syntax: "<number>"; inherits: false; initial-value: 1; } .inb-v3-numbers__head { margin-block-start: clamp(1.25rem, 1rem + 1.5vw, 2.5rem) !important; } .inb-v3-numbers__head > * { margin-block: 0; } .inb-v3-numbers__title { margin-block-start: 0 !important; } .inb-v3 .inb-v3-numbers__cta { margin-block-start: clamp(1.5rem, 1rem + 2vw, 3rem) !important; } .inb-v3-numbers__title strong { display: block; } @media (max-width: 781px) { .inb-v3-numbers__title { font-size: min(clamp(2.4rem, 1.2rem + 4.6vw, 6.25rem), calc((100vw - 2 * var(--inb-v3-gutter)) / 11.5)); } .inb-v3-numbers__title strong { display: inline; } } .inb-v3-numbers__grid { display: grid; grid-template-columns: minmax(0, 1fr); margin-block-start: clamp(2.5rem, 1.5rem + 4vw, 5rem) !important; } .inb-v3-stat { position: relative; margin: 0 !important; padding-block: clamp(1.75rem, 1.25rem + 2vw, 3rem); } .inb-v3-stat::before { content: ""; position: absolute; inset: 0 0 auto; height: 1px; background: var(--wp--custom--color--rule); transform-origin: 0 50%; transform: scaleX(var(--inb-v3-rule)); } .inb-v3-stat > * { margin-block: 0 !important; } .inb-v3-stat__value { display: flex; align-items: baseline; flex-wrap: wrap; font-family: var(--wp--preset--font-family--heading); font-size: clamp(4.5rem, 2rem + 9vw, 11rem); font-weight: var(--wp--custom--font-weight--light); line-height: 0.86; letter-spacing: var(--wp--custom--letter-spacing--title); font-variant-numeric: tabular-nums lining-nums; color: var(--wp--custom--color--text); overflow: clip; overflow-clip-margin: 0.12em; padding-block: 0.06em; } .inb-v3-stat__num, .inb-v3-stat__unit, .inb-v3-stat__pre { display: inline-block; } .inb-v3-stat__count { display: inline-block; width: calc(var(--inb-v3-count-ch, 3) * 1ch); font-variant-numeric: tabular-nums lining-nums; white-space: nowrap; } .inb-v3-numbers.is-v3-await .inb-v3-numbers__eyebrow, .inb-v3-numbers.is-v3-await .inb-v3-numbers__title .inb-v3-w__in, .inb-v3-stat.is-v3-await .inb-v3-stat__value > *, .inb-v3-stat.is-v3-await .inb-v3-stat__label, .inb-v3-stat.is-v3-await .inb-v3-stat__text { opacity: 0; } .inb-v3-stat.is-v3-await { --inb-v3-rule: 0; } .inb-v3-stat__unit { font-size: 0.42em; font-weight: var(--wp--custom--font-weight--black); letter-spacing: var(--wp--custom--letter-spacing--display); color: var(--wp--preset--color--primary); } .inb-v3-stat__pre { align-self: center; margin-inline-end: 0.35em; font-family: var(--wp--preset--font-family--body); font-size: var(--wp--preset--font-size--small); font-weight: var(--wp--custom--font-weight--semibold); letter-spacing: var(--wp--custom--letter-spacing--eyebrow); text-transform: uppercase; color: var(--wp--custom--color--text-muted); } .inb-v3-stat__label { margin-block-start: clamp(0.75rem, 0.5rem + 1vw, 1.25rem) !important; font-size: var(--wp--preset--font-size--large); font-weight: var(--wp--custom--font-weight--semibold); line-height: 1.25; color: var(--wp--preset--color--primary); } .inb-v3-stat__text { margin-block-start: 0.6rem !important; max-width: 24rem; font-size: var(--wp--preset--font-size--medium); line-height: var(--wp--custom--line-height--body); color: var(--wp--custom--color--text-muted); text-wrap: pretty; } @media (min-width: 782px) { .inb-v3-numbers__inner { align-items: start; } .inb-v3-numbers__eyebrow { grid-column: 1 / 5; grid-row: 1; } .inb-v3-numbers__inner { grid-template-rows: auto auto 1fr; } .inb-v3-numbers__head { grid-column: 1 / 5; grid-row: 2 / 4; align-self: start; } .inb-v3-numbers__title { font-size: clamp(2.4rem, 1rem + 3.4vw, 4.75rem); } .inb-v3-numbers__grid { grid-column: 5 / 13; grid-row: 1 / 4; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: var(--wp--preset--spacing--60); margin-block-start: 0 !important; } .inb-v3-stat:nth-child(even) { transform: translateY(clamp(3rem, 1rem + 6vw, 8rem)); } .inb-v3-numbers { padding-block-end: calc(var(--inb-v3-section-y) + clamp(3rem, 1rem + 6vw, 8rem)); } } @media (min-width: 782px) and (min-height: 40rem) { .inb-v3-numbers__head { position: sticky; top: calc(var(--inb-v3-top) + 2.5rem); } }
@property --inb-v3-reveal { syntax: "<number>"; inherits: true; initial-value: 1; } .inb-v3-apartments__inner { row-gap: clamp(2.5rem, 1.5rem + 3vw, 4.5rem); align-items: start; } .inb-v3-apartments__inner > *, .inb-v3-apartments__head > *, .inb-v3-apartments__body > *, .inb-v3-apartments__media > *, .inb-v3-apartments__cta > *, .inb-v3-apartments__cta-side > * { margin-block: 0 !important; } .inb-v3-apartments__title { margin-block-start: clamp(1.25rem, 1rem + 1vw, 2rem) !important; } .inb-v3-apartments__title strong { display: block; padding-inline-start: clamp(0rem, -2rem + 8vw, 8rem); } .inb-v3-apartments__media { position: relative; } .inb-v3-apartments__image { position: relative; margin: 0; aspect-ratio: 4 / 5; overflow: clip; border-radius: clamp(5rem, 2rem + 12vw, 14rem) 0 0 0; } .inb-v3-apartments__image img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: 48% 50%; transform-origin: 50% 60%; } .inb-v3-apartments__note { margin-block-start: 0.75rem !important; font-size: var(--wp--preset--font-size--small); letter-spacing: 0; color: var(--wp--custom--color--text-muted); } .inb-v3-apartments__lead { max-width: 34rem; font-size: var(--wp--preset--font-size--large); font-weight: var(--wp--custom--font-weight--light); line-height: 1.45; color: var(--wp--custom--color--text); text-wrap: pretty; } .inb-v3-apartments__text { max-width: 34rem; margin-block-start: 1rem !important; font-size: var(--wp--preset--font-size--small); line-height: 1.65; color: var(--wp--custom--color--text-muted); text-wrap: pretty; } .inb-v3-apartments__rooms { --inb-v3-rooms-radius: clamp(1.5rem, 1rem + 1.5vw, 2.5rem); display: grid; margin-block-start: clamp(2rem, 1.25rem + 2vw, 3rem) !important; } .inb-v3-apartments__rooms > * { margin-block: 0 !important; } .inb-v3-apartments__types { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin: 0; padding: 0; list-style: none; border: 1px solid var(--wp--custom--color--rule); border-block-end: 0; border-radius: var(--inb-v3-rooms-radius) 0 0 0; background: var(--wp--preset--color--base); } .inb-v3-apartments__types li { display: flex; align-items: center; justify-content: center; margin: 0; padding: clamp(1rem, 0.7rem + 0.9vw, 1.6rem) clamp(0.4rem, 0.2rem + 0.6vw, 1rem); font-family: var(--wp--preset--font-family--heading); font-size: clamp(0.9rem, 0.8rem + 0.45vw, 1.25rem); font-weight: var(--wp--custom--font-weight--semibold); line-height: 1.2; letter-spacing: var(--wp--custom--letter-spacing--tight); color: var(--wp--preset--color--primary); text-align: center; text-wrap: balance; } .inb-v3-apartments__types li + li { border-inline-start: 1px solid var(--wp--custom--color--rule); } .inb-v3-apartments__range { box-sizing: border-box; display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 0.25rem 1.5rem; padding: clamp(0.9rem, 0.7rem + 0.6vw, 1.25rem) clamp(1.1rem, 0.8rem + 1vw, 1.75rem); border-radius: 0 0 var(--inb-v3-rooms-radius) 0; color: var(--wp--custom--color--on-dark); } .inb-v3-apartments__range > * { margin-block: 0 !important; } .inb-v3-apartments__range-label { font-size: var(--wp--preset--font-size--small); font-weight: var(--wp--custom--font-weight--semibold); line-height: 1.3; text-transform: uppercase; color: var(--wp--custom--color--on-dark); } .inb-v3-apartments__range-value { display: flex; flex-wrap: wrap; align-items: baseline; column-gap: 0.35em; font-family: var(--wp--preset--font-family--heading); font-size: clamp(1.1rem, 0.95rem + 0.5vw, 1.4rem); font-weight: var(--wp--custom--font-weight--light); line-height: 1.15; color: var(--wp--custom--color--accent-on-dark); white-space: nowrap; } .inb-v3-apartments__range-value strong { font-size: clamp(2rem, 1.5rem + 1.6vw, 3rem); font-weight: var(--wp--custom--font-weight--black); line-height: 1.1; color: var(--wp--custom--color--accent-on-dark); } @property --inb-v3-line { syntax: "<number>"; inherits: true; initial-value: 1; } .inb-v3-apartments__facts { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: baseline; column-gap: 1.5rem; margin-block-start: clamp(2.5rem, 1.5rem + 3vw, 4rem) !important; } .inb-v3-apartments__facts > * { margin-block: 0 !important; } .inb-v3-apartments__facts > .inb-v3-apartments__features { grid-column: 1 / -1; } .inb-v3-apartments__facts-title { font-family: var(--wp--preset--font-family--body); line-height: 1.4; } .inb-v3-apartments__facts-count { font-family: var(--wp--preset--font-family--heading); font-size: var(--wp--preset--font-size--small); font-weight: var(--wp--custom--font-weight--semibold); letter-spacing: 0.08em; line-height: 1.4; color: var(--wp--custom--color--text-muted); font-variant-numeric: tabular-nums; } .inb-v3-apartments__facts-count strong { color: var(--wp--preset--color--primary); } .inb-v3-apartments__features { --inb-v3-axis: 0.6rem; --inb-v3-fill: 0px; position: relative; display: grid; grid-template-columns: minmax(0, 1fr); margin: clamp(1rem, 0.75rem + 0.8vw, 1.5rem) 0 0 !important; padding: 0; list-style: none; counter-reset: inb-v3-fact; } .inb-v3-apartments__features::before, .inb-v3-apartments__features::after { content: ""; position: absolute; inset-inline-start: calc(var(--inb-v3-axis) - 1px); top: 1.6rem; width: 2px; transform-origin: center top; pointer-events: none; } .inb-v3-apartments__features::before { bottom: 1.6rem; background: color-mix(in srgb, var(--wp--preset--color--accent) 60%, transparent); transform: scaleY(var(--inb-v3-line)); } .inb-v3-apartments__features::after { height: var(--inb-v3-fill); background: var(--wp--preset--color--primary); opacity: 0; } .inb-v3-apartments__features.is-tracking::after { opacity: 1; transition: height var(--wp--custom--motion--duration) var(--inb-v3-ease); } .inb-v3-apartments__features li { position: relative; display: flex; align-items: baseline; margin: 0; padding: 0.85rem 0 0.85rem calc(var(--inb-v3-axis) * 2 + 1.1rem); border-block-end: 1px solid var(--wp--custom--color--rule); font-size: var(--wp--preset--font-size--medium); font-weight: var(--wp--custom--font-weight--semibold); line-height: 1.4; color: var(--wp--preset--color--primary); text-wrap: pretty; counter-increment: inb-v3-fact; transition: color var(--wp--custom--motion--duration-fast) var(--wp--custom--motion--easing); } .inb-v3-apartments__features li::after { content: counter(inb-v3-fact, decimal-leading-zero); display: inline-block; min-width: 2.1em; margin-inline-end: 0.5em; font-size: 0.78em; font-weight: var(--wp--custom--font-weight--semibold); letter-spacing: 0.04em; color: var(--wp--custom--color--text-muted); font-variant-numeric: tabular-nums; order: -1; } .inb-v3-apartments__features li::before { content: ""; position: absolute; z-index: 1; inset-inline-start: calc(var(--inb-v3-axis) - 0.3rem); top: calc(0.85rem + 0.7em - 0.3rem); width: 0.6rem; height: 0.6rem; box-sizing: border-box; border: 2px solid var(--wp--preset--color--accent); border-radius: 50%; background: var(--wp--preset--color--surface); transition: transform var(--wp--custom--motion--duration-fast) var(--wp--custom--motion--easing), background-color var(--wp--custom--motion--duration-fast) var(--wp--custom--motion--easing), border-color var(--wp--custom--motion--duration-fast) var(--wp--custom--motion--easing); } .inb-v3-apartments__features.is-tracking li { color: var(--wp--custom--color--text-muted); font-weight: var(--wp--custom--font-weight--regular); } .inb-v3-apartments__features.is-tracking li.is-passed::before { border-color: var(--wp--preset--color--primary); background: var(--wp--preset--color--primary); } .inb-v3-apartments__features.is-tracking li.is-active { color: var(--wp--preset--color--primary); font-weight: var(--wp--custom--font-weight--semibold); } .inb-v3-apartments__features.is-tracking li.is-active::before { border-color: var(--wp--preset--color--primary); background: var(--wp--preset--color--accent); transform: scale(1.6); } .inb-v3-apartments__features.is-tracking li.is-active::after { color: var(--wp--preset--color--primary); } @media (prefers-reduced-motion: reduce) { .inb-v3-apartments__features.is-tracking::after, .inb-v3-apartments__features li, .inb-v3-apartments__features li::before { transition: none; } } .inb-v3-apartments__cta { display: flex; flex-wrap: wrap; align-items: center; gap: clamp(1.5rem, 1rem + 2vw, 2.75rem); margin-block-start: clamp(2.5rem, 1.5rem + 3vw, 4rem) !important; } .inb-v3-apartments__cta .inb-v3-orbit-wrap { flex: none; min-width: 13rem; min-height: 13rem; justify-content: center; align-items: center; } .inb-v3-apartments__cta-side { flex: 1 1 14rem; max-width: 20rem; } .inb-v3-apartments__cta-text { font-size: var(--wp--preset--font-size--small); line-height: 1.6; color: var(--wp--custom--color--text-muted); text-wrap: pretty; } .inb-v3-apartments__cta-side .inb-v3-buttons { margin-block-start: 1.25rem !important; } @media (min-width: 782px) { .inb-v3-apartments__head { grid-column: 1 / -1; } .inb-v3-apartments__media { grid-column: 1 / span 5; position: sticky; top: calc(var(--inb-v3-top) + 2rem); } .inb-v3-apartments__body { grid-column: 6 / -1; } } @media (min-width: 1100px) { .inb-v3-apartments__body { grid-column: 7 / -1; } } @media (min-width: 1200px) { .inb-v3-apartments__body { grid-column: 7 / span 6; } } @media (max-width: 781px) { .inb-v3-apartments__image { aspect-ratio: 4 / 3; } .inb-v3-apartments__cta .inb-v3-orbit-wrap { min-width: 11rem; min-height: 11rem; } .inb-v3-apartments__cta { flex-direction: column; flex-wrap: nowrap; align-items: stretch; } .inb-v3-apartments__cta .inb-v3-orbit-wrap { align-self: center; } .inb-v3-apartments__cta-side { flex: none; width: 100%; max-width: none; } } @media (prefers-reduced-motion: no-preference) and (min-height: 30rem) { .inb-js:not(.inb-v3-fallback) .inb-v3-apartments__image { --inb-v3-reveal: 0; --inb-v3-hide: calc(1 - var(--inb-v3-reveal)); clip-path: inset(calc(var(--inb-v3-hide) * 16%) 0 0 calc(var(--inb-v3-hide) * 24%)); } .inb-js:not(.inb-v3-fallback) .inb-v3-apartments__image img { transform: scale(calc(1 + 0.12 * var(--inb-v3-hide))); } }
.inb-v3-offer-table__inner { --inb-v3-offer-gap: clamp(1.75rem, 1rem + 2vw, 3rem); row-gap: var(--inb-v3-offer-gap); align-items: end; } .inb-v3-offer-table__head > * { margin-block: 0 !important; } .inb-v3-offer-table__title { margin-block-start: clamp(1rem, 0.75rem + 1vw, 1.75rem) !important; font-size: clamp(2.25rem, 1.1rem + 4.2vw, 5.25rem); } .inb-v3-offer-table__title strong { display: block; } .inb-v3-offer-table__lead { max-width: 34rem; font-size: var(--wp--preset--font-size--medium); line-height: var(--wp--custom--line-height--body); color: var(--wp--custom--color--text-muted); } .inb-v3-offer-table__inner > .inb-v3-offer-table__prospect { margin-block: calc(1rem - var(--inb-v3-offer-gap)) 0 !important; } @media (min-width: 960px) { .inb-v3-offer-table__head { grid-column: 1 / span 8; grid-row: 1 / span 2; } .inb-v3-offer-table__lead { grid-column: 9 / -1; grid-row: 1; justify-self: end; } .inb-v3-offer-table__inner > .inb-v3-offer-table__prospect { grid-column: 9 / -1; grid-row: 2; justify-self: stretch; width: 100%; max-width: 34rem; margin-inline-start: auto; } } .inb-v3-offer-table__plugin { position: relative; min-width: 0; padding: clamp(1.25rem, 0.5rem + 2.4vw, 3rem); background-color: var(--wp--preset--color--surface); border: 1px solid var(--wp--custom--color--rule); border-radius: clamp(2rem, 1rem + 4vw, 5rem) 0 0 0; box-shadow: 0 2.5rem 4rem -3rem color-mix(in srgb, var(--wp--preset--color--primary-deep) 30%, transparent); } .inb-v3-offer-table__visual { min-width: 0; margin-block-end: clamp(1.25rem, 0.75rem + 1.5vw, 2rem); } .inb-v3-offer-table__visual .inb-wo { max-width: 100%; margin: 0; } .inb-v3-offer-table__visual .inb-wo .inb-wo-stage { border-radius: 1rem; background-color: var(--wp--preset--color--primary-deep); } .inb-v3-offer-table__visual .inb-wo .inb-wo-rotate { background-color: color-mix(in srgb, var(--wp--preset--color--primary-deep) 72%, transparent); box-shadow: 0 0.5rem 1.5rem -0.75rem color-mix(in srgb, var(--wp--preset--color--primary-deep) 60%, transparent); } .inb-v3-offer-table__visual .inb-wo .inb-wo-rotate.is-below { background-color: var(--wp--preset--color--primary-deep); } .inb-v3-offer-table__visual .inb-wo .inb-wo-rotate-btn { width: 2.75rem !important; height: 2.75rem !important; color: var(--wp--preset--color--surface) !important; } @media (hover: hover) { .inb-v3-offer-table__visual .inb-wo .inb-wo-rotate-btn:hover { background-color: color-mix(in srgb, var(--wp--preset--color--surface) 16%, transparent) !important; color: var(--wp--preset--color--accent) !important; } } .inb-v3-offer-table__visual .inb-wo .inb-wo-rotate-badge { color: var(--wp--preset--color--surface) !important; } .inb-v3-offer-table__visual .inb-wo .inb-wo-rotate-btn:focus-visible { outline: 2px solid var(--wp--preset--color--surface) !important; outline-offset: 2px !important; } .inb-v3-offer-table__fallback { margin: 0; padding: clamp(1rem, 0.5rem + 2vw, 2.5rem) 0; font-size: var(--wp--preset--font-size--medium); line-height: var(--wp--custom--line-height--body); text-align: center; color: var(--wp--custom--color--text); } .inb-v3-offer-table__fallback a { color: var(--wp--preset--color--primary); font-weight: var(--wp--custom--font-weight--semibold); text-underline-offset: 0.2em; white-space: nowrap; } .inb-v3-offer-table__fallback a:focus-visible { outline: 2px solid var(--wp--custom--color--focus); outline-offset: 3px; border-radius: 2px; } .inb-v3-offer-table #mrep-table-wrapper#mrep-table-wrapper { --mrep-primary: var(--wp--preset--color--primary-deep) !important; --mrep-secondary: var(--wp--preset--color--primary) !important; --mrep-accent: var(--wp--preset--color--primary) !important; --mrep-text: var(--wp--custom--color--text) !important; --mrep-background: var(--wp--preset--color--surface) !important; --mrep-highlight: var(--wp--preset--color--accent) !important; --mrep-border-color: var(--wp--custom--color--rule) !important; --mrep-table-header: transparent !important; --mrep-table-header-text: var(--wp--custom--color--text-muted) !important; --mrep-table-row-even: transparent !important; --mrep-table-row-odd: transparent !important; --mrep-ui-action-color: var(--wp--preset--color--primary) !important; --mrep-ui-hover-color: var(--wp--preset--color--primary-deep) !important; --mrep-ui-offer-color: var(--wp--preset--color--primary) !important; --mrep-ui-header-row-color: transparent !important; --mrep-ui-header-text-color: var(--wp--custom--color--text-muted) !important; --mrep-ui-row-odd-color: transparent !important; --mrep-ui-row-even-color: transparent !important; --mrep-ui-history-icon-color: var(--wp--custom--color--text-muted) !important; --mrep-history-icon: var(--wp--custom--color--text-muted) !important; --mrep-ui-button-radius: 999px !important; --mrep-ui-status-radius: 999px !important; --mrep-header-case: uppercase !important; --mrep-border-table-outer: 0px !important; --mrep-border-table-vertical: 0px !important; --mrep-border-table-horizontal: 1px !important; --mrep-border-filters: 1px !important; --mrep-status-available: var(--wp--preset--color--primary) !important; --mrep-status-reserved: color-mix(in srgb, var(--wp--preset--color--accent) 40%, var(--wp--preset--color--primary-deep)) !important; --mrep-status-sold: var(--wp--custom--color--text-muted) !important; --mrep-status-unavailable: var(--wp--custom--color--text-muted) !important; --mrep-tab-bg-color: transparent !important; --mrep-tab-border-color: var(--wp--custom--color--rule) !important; --mrep-tab-text-color: var(--wp--custom--color--text) !important; --mrep-tab-active-bg-color: var(--wp--preset--color--primary) !important; --mrep-tab-active-border-color: var(--wp--preset--color--primary) !important; --mrep-tab-active-text-color: var(--wp--preset--color--surface) !important; display: flex; flex-wrap: wrap; align-items: center; gap: 0.75rem 1rem; padding: 0; border-radius: 0; font-family: inherit !important; font-size: var(--wp--preset--font-size--small); color: var(--wp--custom--color--text) !important; background-color: transparent !important; } .inb-v3-offer-table #mrep-table-wrapper#mrep-table-wrapper > * { flex: 1 1 100%; min-width: 0; } .inb-v3-offer-table #mrep-table-wrapper#mrep-table-wrapper > .mrep-tabs-frontend, .inb-v3-offer-table #mrep-table-wrapper#mrep-table-wrapper > .mrep-filters-toggle { flex: 0 1 auto; } .inb-v3-offer-table #mrep-table-wrapper#mrep-table-wrapper > .mrep-filters-toggle { margin-inline-start: auto; } .inb-v3-offer-table #mrep-table-wrapper#mrep-table-wrapper :is(a, button, select, input, [tabindex]):focus-visible, .inb-v3-offer-table #mrep-table-wrapper#mrep-table-wrapper .ui-slider-handle:focus-visible { outline: 2px solid var(--wp--custom--color--focus) !important; outline-offset: 2px; } .inb-v3-offer-table #mrep-table-wrapper#mrep-table-wrapper .mrep-tabs-frontend { justify-content: flex-start; gap: 0.5rem; margin: 0; } .inb-v3-offer-table #mrep-table-wrapper#mrep-table-wrapper .mrep-tabs-frontend .tab-link, .inb-v3-offer-table #mrep-table-wrapper#mrep-table-wrapper .mrep-filters-toggle { display: inline-flex; align-items: center; justify-content: center; gap: 0.6rem; min-height: 2.75rem; margin: 0; padding: 0 1.35rem; border: 1px solid var(--wp--preset--color--primary) !important; border-radius: 999px; font-family: inherit; font-size: 0.75rem; font-weight: var(--wp--custom--font-weight--semibold) !important; letter-spacing: 0 !important; line-height: 1.2; text-transform: uppercase !important; text-decoration: none !important; cursor: pointer; transition: background-color var(--wp--custom--motion--duration-fast) var(--wp--custom--motion--easing), color var(--wp--custom--motion--duration-fast) var(--wp--custom--motion--easing); } .inb-v3-offer-table #mrep-table-wrapper#mrep-table-wrapper .mrep-tabs-frontend .tab-link { border-color: var(--wp--custom--color--rule) !important; background-color: transparent !important; color: var(--wp--custom--color--text) !important; } .inb-v3-offer-table #mrep-table-wrapper#mrep-table-wrapper .mrep-tabs-frontend .tab-link.active { border-color: var(--wp--preset--color--primary) !important; background-color: var(--wp--preset--color--primary) !important; color: var(--wp--preset--color--surface) !important; } .inb-v3-offer-table #mrep-table-wrapper#mrep-table-wrapper .mrep-filters-toggle { background-color: transparent !important; color: var(--wp--preset--color--primary) !important; } .inb-v3-offer-table #mrep-table-wrapper#mrep-table-wrapper .mrep-filters-toggle svg { flex: none; width: 1.1rem; height: 1.1rem; } @media (hover: hover) { .inb-v3-offer-table #mrep-table-wrapper#mrep-table-wrapper .mrep-tabs-frontend .tab-link:not(.active):hover { border-color: var(--wp--preset--color--primary) !important; background-color: transparent !important; color: var(--wp--preset--color--primary) !important; } .inb-v3-offer-table #mrep-table-wrapper#mrep-table-wrapper .mrep-filters-toggle:hover { border-color: var(--wp--preset--color--primary) !important; background-color: var(--wp--preset--color--primary) !important; color: var(--wp--preset--color--surface) !important; } } .inb-v3-offer-table #mrep-table-wrapper#mrep-table-wrapper .mrep-filters-container { margin: 0; padding: clamp(1.25rem, 0.75rem + 1.5vw, 2rem); background: var(--wp--preset--color--base) !important; border: 1px solid var(--wp--custom--color--rule) !important; border-radius: 1rem; box-shadow: none; } .inb-v3-offer-table #mrep-table-wrapper#mrep-table-wrapper.filters-sidebar .mrep-filters-container { border-radius: 0; background: var(--wp--preset--color--surface) !important; } .inb-v3-offer-table #mrep-table-wrapper#mrep-table-wrapper .mrep-filters-header h3 { font-family: inherit !important; font-size: var(--wp--preset--font-size--large); font-weight: var(--wp--custom--font-weight--semibold) !important; color: var(--wp--custom--color--text) !important; } .inb-v3-offer-table #mrep-table-wrapper#mrep-table-wrapper .mrep-filters-close { min-width: 2.75rem; min-height: 2.75rem; color: var(--wp--custom--color--text); } .inb-v3-offer-table #mrep-table-wrapper#mrep-table-wrapper #mrep-filter-form { gap: 1.25rem 2rem; } .inb-v3-offer-table #mrep-table-wrapper#mrep-table-wrapper .mrep-filter-group { max-width: none; min-width: 12rem; } .inb-v3-offer-table #mrep-table-wrapper#mrep-table-wrapper .mrep-filter-group label { margin-block-end: 0.5rem; font-size: 0.7rem !important; font-weight: var(--wp--custom--font-weight--semibold) !important; letter-spacing: 0 !important; text-transform: uppercase !important; color: var(--wp--custom--color--text-muted) !important; } .inb-v3-offer-table #mrep-table-wrapper#mrep-table-wrapper .mrep-filter-group :is(select, input) { min-height: 2.75rem; padding: 0.5rem 0.9rem; border: 1px solid color-mix(in srgb, var(--wp--preset--color--primary-deep) 28%, transparent) !important; border-radius: 0.5rem; font-family: inherit; font-size: 1rem; background-color: var(--wp--preset--color--surface) !important; color: var(--wp--custom--color--text) !important; box-shadow: none; } .inb-v3-offer-table #mrep-table-wrapper#mrep-table-wrapper .mrep-filter-group :is(select, input):focus { border-color: var(--wp--preset--color--primary) !important; box-shadow: none; } .inb-v3-offer-table #mrep-table-wrapper#mrep-table-wrapper .mrep-filter-group select { -webkit-appearance: none; appearance: none; padding-inline-end: 2.75rem; background-image: linear-gradient(45deg, transparent 50%, var(--wp--preset--color--primary) 50%), linear-gradient(135deg, var(--wp--preset--color--primary) 50%, transparent 50%); background-position: right 1.3rem center, right 1rem center; background-size: 0.3rem 0.3rem, 0.3rem 0.3rem; background-repeat: no-repeat; line-height: 1.3; text-overflow: ellipsis; color-scheme: light; accent-color: var(--wp--preset--color--primary); cursor: pointer; transition: border-color var(--wp--custom--motion--duration-fast) var(--wp--custom--motion--easing); } .inb-v3-offer-table #mrep-table-wrapper#mrep-table-wrapper .mrep-filter-group select option { background-color: var(--wp--preset--color--surface); color: var(--wp--custom--color--text); } @media (hover: hover) { .inb-v3-offer-table #mrep-table-wrapper#mrep-table-wrapper .mrep-filter-group select:hover { border-color: var(--wp--preset--color--primary) !important; } } @supports (appearance: base-select) { .inb-v3-offer-table #mrep-table-wrapper#mrep-table-wrapper .mrep-filter-group select, .inb-v3-offer-table #mrep-table-wrapper#mrep-table-wrapper .mrep-filter-group select::picker(select) { appearance: base-select; } .inb-v3-offer-table #mrep-table-wrapper#mrep-table-wrapper .mrep-filter-group select { display: flex; align-items: center; gap: 0.75rem; padding-inline-end: 0.9rem; background-image: none; } .inb-v3-offer-table #mrep-table-wrapper#mrep-table-wrapper .mrep-filter-group select::picker-icon { margin-inline-start: auto; font-size: 0.6rem; color: var(--wp--preset--color--primary); transition: rotate var(--wp--custom--motion--duration-fast) var(--wp--custom--motion--easing); } .inb-v3-offer-table #mrep-table-wrapper#mrep-table-wrapper .mrep-filter-group select:open::picker-icon { rotate: 180deg; } .inb-v3-offer-table #mrep-table-wrapper#mrep-table-wrapper .mrep-filter-group select::picker(select) { margin-block: 0.35rem; padding: 0.35rem; border: 1px solid var(--wp--custom--color--rule); border-radius: 0.75rem; background-color: var(--wp--preset--color--surface); color: var(--wp--custom--color--text); box-shadow: 0 1.5rem 3rem -1.5rem color-mix(in srgb, var(--wp--preset--color--primary-deep) 45%, transparent); } .inb-v3-offer-table #mrep-table-wrapper#mrep-table-wrapper .mrep-filter-group select option { display: flex; align-items: center; gap: 0.6rem; min-height: 2.75rem; padding: 0.5rem 0.9rem; border-radius: 0.5rem; font-size: 1rem; background-color: transparent; color: var(--wp--custom--color--text); cursor: pointer; } .inb-v3-offer-table #mrep-table-wrapper#mrep-table-wrapper .mrep-filter-group select option:is(:hover, :focus) { background-color: color-mix(in srgb, var(--wp--preset--color--primary) 9%, var(--wp--preset--color--surface)); color: var(--wp--preset--color--primary-deep); } .inb-v3-offer-table #mrep-table-wrapper#mrep-table-wrapper .mrep-filter-group select option:focus-visible { outline: 2px solid var(--wp--custom--color--focus); outline-offset: -2px; } .inb-v3-offer-table #mrep-table-wrapper#mrep-table-wrapper .mrep-filter-group select option:checked { font-weight: var(--wp--custom--font-weight--semibold); color: var(--wp--preset--color--primary); } .inb-v3-offer-table #mrep-table-wrapper#mrep-table-wrapper .mrep-filter-group select option::checkmark { order: 1; margin-inline-start: auto; color: var(--wp--preset--color--primary); } } .inb-v3-offer-table #mrep-table-wrapper#mrep-table-wrapper .mrep-filter-group.slider-filter .slider { position: relative; height: 2px; margin: 1.4rem 0.7rem 0.4rem; background: color-mix(in srgb, var(--wp--preset--color--primary-deep) 18%, transparent); border: 0; border-radius: 0; } .inb-v3-offer-table #mrep-table-wrapper#mrep-table-wrapper .mrep-filter-group.slider-filter .ui-slider-range { position: absolute; top: 0; height: 100%; background: var(--wp--preset--color--primary) !important; border-radius: 0; } .inb-v3-offer-table #mrep-table-wrapper#mrep-table-wrapper .mrep-filter-group.slider-filter .ui-slider-handle { position: absolute; top: 50%; width: 1.4rem; height: 1.4rem; margin: -0.7rem 0 0 -0.7rem; background: var(--wp--preset--color--surface) !important; border: 2px solid var(--wp--preset--color--primary) !important; border-radius: 50%; box-shadow: none; cursor: grab; touch-action: none; } .inb-v3-offer-table #mrep-table-wrapper#mrep-table-wrapper .mrep-filter-group.slider-filter .ui-slider-handle.ui-state-active { box-shadow: 0 0 0 0.4rem color-mix(in srgb, var(--wp--preset--color--primary) 18%, transparent); cursor: grabbing; } .inb-v3-offer-table #mrep-table-wrapper#mrep-table-wrapper .mrep-filter-group.slider-filter .slider-labels { margin-block-start: 0.85rem; font-size: 0.85rem; font-variant-numeric: tabular-nums; color: var(--wp--custom--color--text-muted); } .inb-v3-offer-table #mrep-table-wrapper#mrep-table-wrapper .mrep-filter-actions { gap: 0.75rem; padding-top: 0; } .inb-v3-offer-table #mrep-table-wrapper#mrep-table-wrapper .mrep-btn { min-height: 2.75rem; padding: 0 1.5rem; border: 1px solid var(--wp--preset--color--primary) !important; border-radius: 999px; font-family: inherit; font-size: 0.75rem; font-weight: var(--wp--custom--font-weight--semibold); letter-spacing: 0.14em; text-transform: uppercase; } .inb-v3-offer-table #mrep-table-wrapper#mrep-table-wrapper .mrep-btn-primary { background-color: var(--wp--preset--color--primary) !important; color: var(--wp--preset--color--surface) !important; } .inb-v3-offer-table #mrep-table-wrapper#mrep-table-wrapper .mrep-btn-secondary { background-color: transparent !important; color: var(--wp--preset--color--primary) !important; } @media (hover: hover) { .inb-v3-offer-table #mrep-table-wrapper#mrep-table-wrapper .mrep-btn-primary:hover { border-color: var(--wp--preset--color--primary-deep) !important; background-color: var(--wp--preset--color--primary-deep) !important; color: var(--wp--preset--color--surface) !important; } .inb-v3-offer-table #mrep-table-wrapper#mrep-table-wrapper .mrep-btn-secondary:hover { background-color: color-mix(in srgb, var(--wp--preset--color--primary) 8%, transparent) !important; color: var(--wp--preset--color--primary-deep) !important; } } .inb-v3-offer-table #mrep-table-wrapper#mrep-table-wrapper #mrep-table-container { margin-block-start: clamp(0.5rem, 0.25rem + 1vw, 1.25rem); transition: opacity var(--wp--custom--motion--duration-fast) var(--wp--custom--motion--easing); } .inb-v3-offer-table #mrep-table-wrapper#mrep-table-wrapper .table-responsive { margin: 0; } .inb-v3-offer-table #mrep-table-wrapper#mrep-table-wrapper .mrep-apartment-table { width: 100%; margin: 0; border: 0 !important; border-collapse: collapse; background: transparent !important; font-variant-numeric: tabular-nums; } .inb-v3-offer-table #mrep-table-wrapper#mrep-table-wrapper .mrep-apartment-table tbody tr, .inb-v3-offer-table #mrep-table-wrapper#mrep-table-wrapper .mrep-apartment-table tbody tr td { background-color: transparent !important; } .inb-v3-offer-table #mrep-table-wrapper#mrep-table-wrapper .mrep-apartment-table td { color: var(--wp--custom--color--text) !important; font-size: 0.95rem; line-height: 1.35; } .inb-v3-offer-table #mrep-table-wrapper#mrep-table-wrapper .mrep-status { display: inline-flex; align-items: center; gap: 0.5em; padding: 0.4em 0.85em !important; border: 0 !important; border-radius: 999px !important; font-size: 0.7rem; font-weight: var(--wp--custom--font-weight--bold); letter-spacing: 0.12em; line-height: 1.2; text-transform: uppercase; white-space: nowrap; color: var(--wp--custom--color--text-muted) !important; background-color: color-mix(in srgb, var(--wp--custom--color--text-muted) 9%, transparent) !important; } .inb-v3-offer-table #mrep-table-wrapper#mrep-table-wrapper .mrep-status::before { content: ""; flex: none; width: 0.5em; height: 0.5em; border-radius: 50%; background: currentColor; } .inb-v3-offer-table #mrep-table-wrapper#mrep-table-wrapper .mrep-status-available { color: var(--wp--preset--color--primary) !important; background-color: color-mix(in srgb, var(--wp--preset--color--primary) 9%, transparent) !important; } .inb-v3-offer-table #mrep-table-wrapper#mrep-table-wrapper .mrep-status-reserved { color: var(--mrep-status-reserved) !important; background-color: color-mix(in srgb, var(--wp--preset--color--accent) 22%, transparent) !important; } .inb-v3-offer-table #mrep-table-wrapper#mrep-table-wrapper .mrep-offer-btn { display: inline-flex; align-items: center; justify-content: center; gap: 0.35em; min-height: 2.75rem; padding: 0 1.1rem !important; border: 1px solid var(--wp--preset--color--accent) !important; border-radius: 999px; font-family: inherit; font-size: 0.72rem; font-weight: var(--wp--custom--font-weight--bold); letter-spacing: 0.12em; text-transform: uppercase; text-decoration: none; white-space: nowrap; color: var(--wp--preset--color--primary-deep) !important; background-color: var(--wp--preset--color--accent) !important; background-image: none !important; cursor: pointer; transition: background-color var(--wp--custom--motion--duration-fast) var(--wp--custom--motion--easing), color var(--wp--custom--motion--duration-fast) var(--wp--custom--motion--easing), border-color var(--wp--custom--motion--duration-fast) var(--wp--custom--motion--easing); } .inb-v3-offer-table #mrep-table-wrapper#mrep-table-wrapper .mrep-offer-btn:focus-visible { outline: 2px solid var(--wp--custom--color--focus) !important; outline-offset: 3px; } .inb-v3-offer-table #mrep-table-wrapper#mrep-table-wrapper .mrep-pdf-link { display: inline-flex; align-items: center; justify-content: center; gap: 0.4rem; min-width: 2.75rem; min-height: 2.75rem; padding: 0 0.85rem; border: 1px solid var(--wp--custom--color--rule); border-radius: 999px; font-size: 0.72rem; font-weight: var(--wp--custom--font-weight--bold); letter-spacing: 0.12em; text-transform: uppercase; text-decoration: none; color: var(--wp--preset--color--primary) !important; background-color: var(--wp--preset--color--surface); transition: border-color var(--wp--custom--motion--duration-fast) var(--wp--custom--motion--easing), background-color var(--wp--custom--motion--duration-fast) var(--wp--custom--motion--easing); } .inb-v3-offer-table #mrep-table-wrapper#mrep-table-wrapper .mrep-pdf-icon { width: 1.4rem; height: 1.4rem; } .inb-v3-offer-table #mrep-table-wrapper#mrep-table-wrapper .mrep-pdf-link.mrep-disabled { pointer-events: none; } .inb-v3-offer-table #mrep-table-wrapper#mrep-table-wrapper .mrep-apartment-table .mrep-history-btn { width: 2.75rem !important; height: 2.75rem !important; max-width: none; max-height: none; margin: -0.75rem -0.5rem -0.75rem 0 !important; padding: 0 !important; color: var(--wp--custom--color--text-muted) !important; opacity: 1; } @media (hover: hover) { .inb-v3-offer-table #mrep-table-wrapper#mrep-table-wrapper .mrep-offer-btn:hover { border-color: var(--wp--preset--color--primary) !important; background-color: var(--wp--preset--color--primary) !important; color: var(--wp--preset--color--surface) !important; } .inb-v3-offer-table #mrep-table-wrapper#mrep-table-wrapper .mrep-pdf-link:hover { border-color: var(--wp--preset--color--primary); background-color: color-mix(in srgb, var(--wp--preset--color--primary) 7%, var(--wp--preset--color--surface)); color: var(--wp--preset--color--primary-deep) !important; } .inb-v3-offer-table #mrep-table-wrapper#mrep-table-wrapper .mrep-apartment-table .mrep-history-btn:hover { color: var(--wp--preset--color--primary) !important; } } .inb-v3-offer-table #mrep-table-wrapper#mrep-table-wrapper .mrep-apartment-table tr.status-Sprzedane td { color: var(--wp--custom--color--text-muted) !important; } .inb-v3-offer-table #mrep-table-wrapper#mrep-table-wrapper :is(.mrep-no-apartments, .mrep-error) { margin: 0; padding: clamp(2rem, 1rem + 3vw, 3.5rem) 1rem; border: 1px dashed color-mix(in srgb, var(--wp--preset--color--primary-deep) 25%, transparent); border-radius: 1rem; font-size: var(--wp--preset--font-size--medium); text-align: center; color: var(--wp--custom--color--text) !important; background: var(--wp--preset--color--base); } .inb-v3-offer-table #mrep-table-wrapper#mrep-table-wrapper .mrep-apartment-table tbody tr.mrep-row-highlight:not(.mrep-row-selected) td { background-color: color-mix(in srgb, var(--wp--preset--color--accent) 16%, var(--wp--preset--color--surface)) !important; } .inb-v3-offer-table #mrep-table-wrapper#mrep-table-wrapper .mrep-apartment-table tbody tr.mrep-row-selected.mrep-row-selected td { background-color: color-mix(in srgb, var(--wp--preset--color--accent) 42%, var(--wp--preset--color--surface)) !important; } .inb-v3-offer-table #mrep-table-wrapper#mrep-table-wrapper .mrep-apartment-table tbody tr.mrep-row-selected.mrep-row-selected td:first-child { box-shadow: inset 4px 0 0 0 var(--wp--preset--color--primary-deep) !important; } @media (min-width: 992px) { .inb-v3-offer-table #mrep-table-wrapper#mrep-table-wrapper .table-responsive { overflow-x: auto; overscroll-behavior-x: contain; background: linear-gradient(to right, var(--wp--preset--color--surface) 30%, transparent) left center / 2.5rem 100% no-repeat local, linear-gradient(to left, var(--wp--preset--color--surface) 30%, transparent) right center / 2.5rem 100% no-repeat local, radial-gradient(farthest-side at 0 50%, color-mix(in srgb, var(--wp--preset--color--primary-deep) 16%, transparent), transparent) left center / 0.9rem 100% no-repeat scroll, radial-gradient(farthest-side at 100% 50%, color-mix(in srgb, var(--wp--preset--color--primary-deep) 16%, transparent), transparent) right center / 0.9rem 100% no-repeat scroll; } .inb-v3-offer-table #mrep-table-wrapper#mrep-table-wrapper .mrep-apartment-table th { padding: 0 0.9rem 1.1rem; border-bottom: 1px solid color-mix(in srgb, var(--wp--preset--color--primary-deep) 40%, transparent) !important; font-size: 0.68rem; font-weight: var(--wp--custom--font-weight--bold); letter-spacing: 0.12em; line-height: 1.35; white-space: normal; max-width: none; vertical-align: bottom !important; background-color: transparent !important; color: var(--wp--custom--color--text-muted) !important; } .inb-v3-offer-table #mrep-table-wrapper#mrep-table-wrapper .mrep-apartment-table th[data-sort-key] { cursor: pointer; } .inb-v3-offer-table #mrep-table-wrapper#mrep-table-wrapper .mrep-apartment-table th .sort-icon { margin-inline-start: 0.4em; font-size: 0.6rem; color: inherit !important; opacity: 0.35; } .inb-v3-offer-table #mrep-table-wrapper#mrep-table-wrapper .mrep-apartment-table th:is(.sorted-asc, .sorted-desc) { color: var(--wp--preset--color--primary) !important; } .inb-v3-offer-table #mrep-table-wrapper#mrep-table-wrapper .mrep-apartment-table th:is(.sorted-asc, .sorted-desc) .sort-icon { opacity: 1; } .inb-v3-offer-table #mrep-table-wrapper#mrep-table-wrapper .mrep-apartment-table th:focus-visible { outline-offset: -2px; } .inb-v3-offer-table #mrep-table-wrapper#mrep-table-wrapper .mrep-apartment-table td { height: 3.75rem; padding: 0.5rem 0.9rem; border-bottom: 1px solid var(--wp--custom--color--rule) !important; white-space: nowrap; vertical-align: middle !important; } .inb-v3-offer-table #mrep-table-wrapper#mrep-table-wrapper .mrep-apartment-table :is(th, td).col-key-number { padding-inline-start: 0.25rem; text-align: start !important; } .inb-v3-offer-table #mrep-table-wrapper#mrep-table-wrapper .mrep-apartment-table td.col-key-number .cell-content { font-size: 1.05rem; font-weight: var(--wp--custom--font-weight--black); letter-spacing: 0.01em; color: var(--wp--preset--color--primary-deep); } .inb-v3-offer-table #mrep-table-wrapper#mrep-table-wrapper .mrep-apartment-table td.mrep-cell-empty .cell-content::before { content: "\2014"; content: "\2014" / "brak danych"; color: var(--wp--custom--color--text-muted); } @media (hover: hover) { .inb-v3-offer-table #mrep-table-wrapper#mrep-table-wrapper .mrep-apartment-table th[data-sort-key]:hover { background-color: transparent !important; color: var(--wp--preset--color--primary) !important; } .inb-v3-offer-table #mrep-table-wrapper#mrep-table-wrapper .mrep-apartment-table tbody tr:not(.status-Sprzedane, .mrep-row-selected, .mrep-row-highlight):hover td { background-color: color-mix(in srgb, var(--wp--preset--color--primary) 4%, transparent) !important; } } } @media (max-width: 991px) { .inb-v3-offer-table__plugin { padding: 0; background-color: transparent; border: 0; border-radius: 0; box-shadow: none; } .inb-v3-offer-table #mrep-table-wrapper#mrep-table-wrapper .mrep-apartment-table tbody { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 18rem), 1fr)); gap: 0.85rem; } .inb-v3-offer-table #mrep-table-wrapper#mrep-table-wrapper .mrep-apartment-table tbody tr { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.15rem 0; margin: 0; padding: 0 0 0.6rem; border: 1px solid var(--wp--custom--color--rule) !important; border-radius: 1.5rem 0 0 0; background-color: var(--wp--preset--color--surface) !important; box-shadow: 0 1.25rem 2rem -2rem color-mix(in srgb, var(--wp--preset--color--primary-deep) 40%, transparent); } .inb-v3-offer-table #mrep-table-wrapper#mrep-table-wrapper .mrep-apartment-table td { display: flex !important; flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: 0.3rem; grid-column: auto; width: auto; min-width: 0; padding: 0.6rem 1.15rem; border: 0 !important; overflow: visible; text-align: start !important; } .inb-v3-offer-table #mrep-table-wrapper#mrep-table-wrapper .mrep-apartment-table td.col-key-status { order: 1; } .inb-v3-offer-table #mrep-table-wrapper#mrep-table-wrapper .mrep-apartment-table td:is(.col-key-offer, .col-key-card_url) { order: 2; } .inb-v3-offer-table #mrep-table-wrapper#mrep-table-wrapper .mrep-apartment-table td .cell-content { flex: none; max-width: 100%; text-align: start; overflow-wrap: anywhere; } .inb-v3-offer-table #mrep-table-wrapper#mrep-table-wrapper .mrep-apartment-table td::before { margin: 0; font-size: 0.66rem; font-weight: var(--wp--custom--font-weight--bold); letter-spacing: 0.14em; line-height: 1.3; white-space: normal; text-align: start; color: var(--wp--custom--color--text-muted) !important; } .inb-v3-offer-table #mrep-table-wrapper#mrep-table-wrapper .mrep-apartment-table td.col-key-number { grid-column: 1 / -1; flex-direction: row; align-items: center; justify-content: space-between; min-height: 3.5rem; margin-block-end: 0.35rem; padding-block: 0.7rem; border-bottom: 1px solid var(--wp--custom--color--rule) !important; } .inb-v3-offer-table #mrep-table-wrapper#mrep-table-wrapper .mrep-apartment-table td.col-key-number .cell-content { font-size: 1.35rem; font-weight: var(--wp--custom--font-weight--black); color: var(--wp--preset--color--primary-deep); } .inb-v3-offer-table #mrep-table-wrapper#mrep-table-wrapper .mrep-apartment-table td.mrep-cell-empty { display: none !important; } .inb-v3-offer-table #mrep-table-wrapper#mrep-table-wrapper .mrep-apartment-table tbody tr.mrep-row-highlight:not(.mrep-row-selected) { background-color: color-mix(in srgb, var(--wp--preset--color--accent) 16%, var(--wp--preset--color--surface)) !important; } .inb-v3-offer-table #mrep-table-wrapper#mrep-table-wrapper .mrep-apartment-table tbody tr.mrep-row-selected.mrep-row-selected { border-color: var(--wp--preset--color--primary-deep) !important; background-color: color-mix(in srgb, var(--wp--preset--color--accent) 42%, var(--wp--preset--color--surface)) !important; box-shadow: inset 4px 0 0 0 var(--wp--preset--color--primary-deep), 0 1.25rem 2rem -2rem color-mix(in srgb, var(--wp--preset--color--primary-deep) 40%, transparent); } .inb-v3-offer-table #mrep-table-wrapper#mrep-table-wrapper .mrep-apartment-table tbody tr.mrep-row-highlight:not(.mrep-row-selected) td, .inb-v3-offer-table #mrep-table-wrapper#mrep-table-wrapper .mrep-apartment-table tbody tr.mrep-row-selected.mrep-row-selected td { background-color: transparent !important; } .inb-v3-offer-table #mrep-table-wrapper#mrep-table-wrapper .mrep-apartment-table tbody tr.mrep-row-selected.mrep-row-selected td:first-child { box-shadow: none !important; } } .inb-v3:has(.inb-v3-offer-table #mrep-popup.visible) { isolation: auto; } .inb-v3-offer-table #mrep-table-wrapper#mrep-table-wrapper .mrep-modal { background: color-mix(in srgb, var(--wp--preset--color--primary-deep) 72%, transparent) !important; } .inb-v3-offer-table #mrep-table-wrapper#mrep-table-wrapper .mrep-modal-content { background: var(--wp--preset--color--surface) !important; border: 0; border-radius: 1.5rem 0 0 0; box-shadow: 0 2rem 5rem -2rem color-mix(in srgb, var(--wp--preset--color--primary-deep) 60%, transparent); color: var(--wp--custom--color--text); } .inb-v3-offer-table #mrep-table-wrapper#mrep-table-wrapper .mrep-close-btn { min-width: 2.75rem; min-height: 2.75rem; color: var(--wp--custom--color--text) !important; } .inb-v3-offer-table #mrep-table-wrapper#mrep-table-wrapper :is(.mrep-apartment-summary, .mrep-consent-toggle) { background: var(--wp--preset--color--base) !important; } .inb-v3-offer-table #mrep-table-wrapper#mrep-table-wrapper .mrep-form-group label { color: var(--wp--custom--color--text-muted) !important; } .inb-v3-offer-table #mrep-table-wrapper#mrep-table-wrapper .mrep-form-group input { min-height: 2.75rem; border: 1px solid color-mix(in srgb, var(--wp--preset--color--primary-deep) 28%, transparent) !important; border-radius: 0.5rem; background: var(--wp--preset--color--surface) !important; color: var(--wp--custom--color--text) !important; } .inb-v3-offer-table #mrep-table-wrapper#mrep-table-wrapper .mrep-form-group input:focus { border-color: var(--wp--preset--color--primary) !important; } @media (prefers-reduced-motion: no-preference) { .inb-v3-offer-table #mrep-table-wrapper#mrep-table-wrapper :is(.mrep-offer-btn.is-v3-roll, .mrep-filters-toggle, .mrep-filter-actions .mrep-btn, .mrep-tabs-frontend .tab-link:not(.active)) { position: relative; isolation: isolate; overflow: hidden; transition: color var(--inb-v3-roll-dur) var(--inb-v3-roll-ease), border-color var(--inb-v3-roll-dur) var(--inb-v3-roll-ease); } .inb-v3-offer-table #mrep-table-wrapper#mrep-table-wrapper :is(.mrep-offer-btn.is-v3-roll, .mrep-filters-toggle, .mrep-filter-actions .mrep-btn, .mrep-tabs-frontend .tab-link:not(.active))::before { content: ""; position: absolute; inset: -1px; z-index: -1; border-radius: inherit; background-color: var(--wp--preset--color--primary); transform: translate3d(0, 101%, 0); transition: transform var(--inb-v3-roll-dur) var(--inb-v3-roll-ease); pointer-events: none; } .inb-v3-offer-table #mrep-table-wrapper#mrep-table-wrapper .mrep-filter-actions .mrep-btn-primary::before { background-color: var(--wp--preset--color--primary-deep); } .inb-v3-offer-table #mrep-table-wrapper#mrep-table-wrapper :is(.mrep-filter-actions .mrep-btn-secondary, .mrep-tabs-frontend .tab-link:not(.active))::before { background-color: color-mix(in srgb, var(--wp--preset--color--primary) 10%, var(--wp--preset--color--surface)); } .inb-v3-offer-table #mrep-table-wrapper#mrep-table-wrapper .mrep-offer-btn.is-v3-roll::after { display: inline-block; transition: transform var(--inb-v3-roll-dur) var(--inb-v3-roll-ease); } @media (hover: hover) { .inb-v3-offer-table #mrep-table-wrapper#mrep-table-wrapper .mrep-offer-btn.is-v3-roll:not(:disabled, [aria-disabled="true"]):hover { border-color: var(--wp--preset--color--primary) !important; background-color: var(--wp--preset--color--accent) !important; color: var(--wp--preset--color--surface) !important; } .inb-v3-offer-table #mrep-table-wrapper#mrep-table-wrapper .mrep-filters-toggle:hover { background-color: transparent !important; } .inb-v3-offer-table #mrep-table-wrapper#mrep-table-wrapper .mrep-filter-actions .mrep-btn-primary:hover { background-color: var(--wp--preset--color--primary) !important; } .inb-v3-offer-table #mrep-table-wrapper#mrep-table-wrapper .mrep-filter-actions .mrep-btn-secondary:hover { background-color: transparent !important; } .inb-v3-offer-table #mrep-table-wrapper#mrep-table-wrapper :is(.mrep-offer-btn.is-v3-roll:not(:disabled, [aria-disabled="true"]), .mrep-filters-toggle, .mrep-filter-actions .mrep-btn, .mrep-tabs-frontend .tab-link:not(.active)):hover::before { transform: none; } .inb-v3-offer-table #mrep-table-wrapper#mrep-table-wrapper .mrep-offer-btn.is-v3-roll:not(:disabled, [aria-disabled="true"]):hover::after { transform: translate3d(0.2em, 0, 0); } } .inb-v3-offer-table #mrep-table-wrapper#mrep-table-wrapper .mrep-offer-btn.is-v3-roll:not(:disabled, [aria-disabled="true"]):focus-visible { border-color: var(--wp--preset--color--primary) !important; color: var(--wp--preset--color--surface) !important; } .inb-v3-offer-table #mrep-table-wrapper#mrep-table-wrapper .mrep-filters-toggle:focus-visible { color: var(--wp--preset--color--surface) !important; } .inb-v3-offer-table #mrep-table-wrapper#mrep-table-wrapper .mrep-tabs-frontend .tab-link:not(.active):focus-visible { border-color: var(--wp--preset--color--primary) !important; color: var(--wp--preset--color--primary) !important; } .inb-v3-offer-table #mrep-table-wrapper#mrep-table-wrapper :is(.mrep-offer-btn.is-v3-roll:not(:disabled, [aria-disabled="true"]), .mrep-filters-toggle, .mrep-filter-actions .mrep-btn, .mrep-tabs-frontend .tab-link:not(.active)):focus-visible::before { transform: none; } .inb-v3-offer-table #mrep-table-wrapper#mrep-table-wrapper .mrep-offer-btn.is-v3-roll:not(:disabled, [aria-disabled="true"]):focus-visible::after { transform: translate3d(0.2em, 0, 0); } } .inb-v3-offer-table #mrep-table-wrapper#mrep-table-wrapper .mrep-offer-btn:not(.is-v3-roll):focus-visible { border-color: var(--wp--preset--color--primary) !important; background-color: var(--wp--preset--color--primary) !important; color: var(--wp--preset--color--surface) !important; } @media (prefers-reduced-motion: reduce) { .inb-v3-offer-table #mrep-table-wrapper#mrep-table-wrapper :is(.mrep-offer-btn, .mrep-filters-toggle):focus-visible { border-color: var(--wp--preset--color--primary) !important; background-color: var(--wp--preset--color--primary) !important; color: var(--wp--preset--color--surface) !important; } } @media (prefers-reduced-motion: reduce) { .inb-v3-offer-table #mrep-table-wrapper#mrep-table-wrapper *, .inb-v3-offer-table #mrep-table-wrapper#mrep-table-wrapper #mrep-table-container { transition: none !important; animation: none !important; } } @supports (appearance: base-select) { @media (prefers-reduced-motion: reduce) { .inb-v3-offer-table #mrep-table-wrapper#mrep-table-wrapper .mrep-filter-group select::picker-icon { transition: none !important; animation: none !important; } } }
html.inb-v3-lightbox-open { overflow: hidden; } html.inb-v3-lightbox-open.inb-v3-lightbox-gutter { scrollbar-gutter: stable; } .inb-v3-lightbox { --inb-v3-lb-pad: clamp(0.75rem, 0.25rem + 2vw, 2.5rem); --inb-v3-lb-edge: clamp(0.75rem, 0.5rem + 0.75vw, 1.25rem); --inb-v3-lb-btn: 3.25rem; position: fixed; inset: 0; box-sizing: border-box; width: 100%; height: 100%; max-width: none; max-height: none; margin: 0; padding: calc(var(--inb-v3-lb-edge) * 2 + var(--inb-v3-lb-btn)) var(--inb-v3-lb-pad) var(--inb-v3-lb-pad); border: 0; background: var(--wp--preset--color--primary-deep); color: var(--wp--custom--color--on-dark); font-family: var(--wp--preset--font-family--body); overflow: hidden; overscroll-behavior: contain; touch-action: pinch-zoom; } .inb-v3-lightbox[open] { display: grid; grid-template-rows: minmax(0, 1fr) auto; gap: clamp(0.75rem, 0.5rem + 1vw, 1.5rem); } .inb-v3-lightbox::backdrop { background: transparent; } .inb-v3-lightbox__stage { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); place-items: center; min-width: 0; min-height: 0; user-select: none; -webkit-user-select: none; } .inb-v3-lightbox__img { display: block; box-sizing: border-box; width: auto; height: auto; max-width: 100%; max-height: 100%; min-width: 0; min-height: 0; object-fit: contain; } .inb-v3-lightbox__img.is-loading { opacity: 0; } .inb-v3-lightbox__bar { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; column-gap: 1.5rem; width: min(100%, var(--wp--style--global--wide-size)); margin-inline: auto; } .inb-v3-lightbox__status { margin: 0; font-size: var(--wp--preset--font-size--small); line-height: 1.45; color: var(--wp--custom--color--on-dark); text-wrap: pretty; } .inb-v3-lightbox__count { display: inline-block; margin-inline-end: 0.75rem; font-family: var(--wp--preset--font-family--heading); font-weight: var(--wp--custom--font-weight--semibold); letter-spacing: var(--wp--custom--letter-spacing--eyebrow); font-variant-numeric: tabular-nums; color: var(--wp--custom--color--accent-on-dark); } .inb-v3-lightbox__nav { display: flex; gap: 0.625rem; } .inb-v3-lightbox__btn { display: grid; place-items: center; width: var(--inb-v3-lb-btn); height: var(--inb-v3-lb-btn); padding: 0; border: 1px solid var(--wp--custom--color--rule-on-dark); border-radius: 50%; background: transparent; color: var(--wp--custom--color--on-dark); cursor: pointer; -webkit-tap-highlight-color: transparent; } .inb-v3-lightbox__btn svg { width: 1.25rem; height: 1.25rem; } .inb-v3-lightbox__btn--close { position: absolute; z-index: 1; top: var(--inb-v3-lb-edge); right: var(--inb-v3-lb-edge); } .inb-v3-lightbox.is-single .inb-v3-lightbox__nav { display: none; } @media (hover: hover) { .inb-v3-lightbox__btn:hover { border-color: var(--wp--custom--color--accent-on-dark); background: var(--wp--custom--color--accent-on-dark); color: var(--wp--preset--color--primary-deep); } } .inb-v3-lightbox__btn:focus-visible { outline: 2px solid var(--wp--custom--color--focus-on-dark); outline-offset: 3px; } @media (prefers-reduced-motion: no-preference) { .inb-v3-lightbox[open] { animation: inb-v3-lightbox-in var(--wp--custom--motion--duration-fast) var(--wp--custom--motion--easing-out) both; } .inb-v3-lightbox__img { transition: opacity var(--wp--custom--motion--duration-fast) var(--wp--custom--motion--easing); } .inb-v3-lightbox__btn { transition: background-color var(--wp--custom--motion--duration-fast) var(--wp--custom--motion--easing), border-color var(--wp--custom--motion--duration-fast) var(--wp--custom--motion--easing), color var(--wp--custom--motion--duration-fast) var(--wp--custom--motion--easing); } } @keyframes inb-v3-lightbox-in { from { opacity: 0; } to { opacity: 1; } } @media (max-width: 600px) { .inb-v3-lightbox { --inb-v3-lb-btn: 3rem; } .inb-v3-lightbox__caption { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } } @media (max-height: 560px) { .inb-v3-lightbox { padding-block-start: var(--inb-v3-lb-edge); padding-inline-end: calc(var(--inb-v3-lb-edge) * 2 + var(--inb-v3-lb-btn)); } } @media print { .inb-v3-lightbox { display: none !important; } }
.inb-v3-gallery { --inb-v3-gallery-interval: 6s; --inb-v3-gallery-transition: 1s; } .inb-v3-gallery__track > *, .inb-v3-gallery__stage > *, .inb-v3-gallery__head > * { margin-block: 0 !important; } .inb-v3-gallery__stage { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--wp--preset--spacing--40); row-gap: clamp(2rem, 1rem + 3vw, 3.5rem); max-width: var(--wp--style--global--wide-size); margin-inline: auto; } .inb-v3-gallery__stage > * { grid-column: 1 / -1; } .inb-v3-gallery__title { margin-block-start: clamp(1.25rem, 1rem + 1vw, 2rem) !important; font-size: clamp(2.6rem, 1rem + 5vw, 6.5rem); } .inb-v3-gallery__title strong { display: block; } .inb-v3-gallery__note { margin-block-start: clamp(1rem, 0.75rem + 1vw, 1.5rem) !important; font-size: var(--wp--preset--font-size--small); letter-spacing: 0.04em; color: var(--wp--custom--color--on-dark-muted); } .inb-v3-gallery__slides { display: flex; gap: var(--wp--preset--spacing--40); overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x mandatory; scrollbar-color: var(--wp--custom--color--accent-on-dark) transparent; padding-block-end: 1rem; } .inb-v3-gallery__slide { flex: 0 0 min(86%, 54rem); margin: 0 !important; scroll-snap-align: start; } .inb-v3-gallery__slide img { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; } .inb-v3-gallery__slide > a { display: block; color: inherit; } .inb-v3-gallery__slide > a:focus-visible { outline: 2px solid var(--wp--custom--color--focus-on-dark); outline-offset: 3px; } .inb-v3-gallery__slide figcaption { margin: 0.875rem 0 0; font-size: var(--wp--preset--font-size--small); line-height: 1.5; text-align: start; color: var(--wp--custom--color--on-dark-muted); } .inb-v3-gallery.is-v3-ready .inb-v3-gallery__slides { position: relative; display: block; overflow: clip; contain: layout paint; padding: 0; aspect-ratio: 3 / 2; background: var(--wp--custom--color--surface-dark-alt); touch-action: pan-y; user-select: none; } .inb-v3-gallery.is-v3-ready .inb-v3-gallery__slide { position: absolute; inset: 0; z-index: 0; visibility: hidden; } .inb-v3-gallery.is-v3-ready .inb-v3-gallery__slide.is-active { z-index: 2; visibility: visible; } .inb-v3-gallery.is-v3-ready .inb-v3-gallery__slide.is-leaving { z-index: 1; visibility: visible; } .inb-v3-gallery.is-v3-ready .inb-v3-gallery__slide > a, .inb-v3-gallery.is-v3-ready .inb-v3-gallery__slide img { height: 100%; aspect-ratio: auto; } .inb-v3-gallery__zoom { position: absolute; inset: 0; z-index: 3; display: flex; align-items: flex-end; justify-content: flex-end; padding: clamp(0.75rem, 0.5rem + 0.75vw, 1.25rem); border: 0; background: transparent; color: var(--wp--custom--color--on-dark); cursor: zoom-in; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .inb-v3-gallery__zoom-icon { display: grid; place-items: center; width: 3rem; height: 3rem; border: 1px solid var(--wp--custom--color--rule-on-dark); border-radius: 50%; background: color-mix(in srgb, var(--wp--preset--color--primary-deep) 72%, transparent); transition: background-color var(--inb-v3-dur) var(--inb-v3-ease), border-color var(--inb-v3-dur) var(--inb-v3-ease), color var(--inb-v3-dur) var(--inb-v3-ease); } .inb-v3-gallery__zoom-icon svg { width: 1.25rem; height: 1.25rem; } .inb-v3-gallery__zoom:hover .inb-v3-gallery__zoom-icon, .inb-v3-gallery__zoom:focus-visible .inb-v3-gallery__zoom-icon { border-color: var(--wp--custom--color--accent-on-dark); background: var(--wp--custom--color--accent-on-dark); color: var(--wp--preset--color--primary-deep); } .inb-v3-gallery__zoom:focus-visible { outline: 2px solid var(--wp--custom--color--focus-on-dark); outline-offset: -4px; } .inb-v3-gallery.is-v3-ready .inb-v3-gallery__slide figcaption { display: none; } .inb-v3-gallery__controls { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; column-gap: 1.5rem; row-gap: 1.25rem; } .inb-v3-gallery__status { grid-column: 1 / -1; display: grid; gap: 0.75rem; margin: 0; min-height: 4.75em; } .inb-v3-gallery__index { font-family: var(--wp--preset--font-family--heading); font-size: var(--wp--preset--font-size--small); font-weight: var(--wp--custom--font-weight--semibold); letter-spacing: var(--wp--custom--letter-spacing--eyebrow); font-variant-numeric: tabular-nums; color: var(--wp--custom--color--on-dark-muted); } .inb-v3-gallery__current { font-size: clamp(2rem, 1.4rem + 1.6vw, 3rem); font-weight: var(--wp--custom--font-weight--black); letter-spacing: var(--wp--custom--letter-spacing--title); color: var(--wp--custom--color--accent-on-dark); } .inb-v3-gallery__caption { display: block; min-height: calc(2 * 1.45em); max-width: 26rem; font-size: var(--wp--preset--font-size--medium); font-weight: var(--wp--custom--font-weight--light); line-height: 1.45; color: var(--wp--custom--color--on-dark); text-wrap: pretty; } .inb-v3-gallery__progress { position: relative; height: 2px; overflow: clip; background: var(--wp--custom--color--rule-on-dark); } .inb-v3-gallery__bar { position: absolute; inset: 0; background: var(--wp--custom--color--accent-on-dark); transform-origin: 0 50%; transform: scaleX(var(--inb-v3-gallery-progress, 0)); transition: transform 0.6s var(--inb-v3-ease), opacity var(--inb-v3-dur) var(--inb-v3-ease); } .inb-v3-gallery.is-autoplay .inb-v3-gallery__bar { transform: scaleX(0); transition: opacity var(--inb-v3-dur) var(--inb-v3-ease); } .inb-v3-gallery.is-paused .inb-v3-gallery__bar { opacity: 0.55; } .inb-v3-gallery__nav { display: flex; gap: 0.625rem; } .inb-v3-gallery__btn { display: grid; place-items: center; width: 3.25rem; height: 3.25rem; padding: 0; border: 1px solid var(--wp--custom--color--rule-on-dark); border-radius: 50%; background: transparent; color: var(--wp--custom--color--on-dark); cursor: pointer; transition: background-color var(--inb-v3-dur) var(--inb-v3-ease), border-color var(--inb-v3-dur) var(--inb-v3-ease), color var(--inb-v3-dur) var(--inb-v3-ease); } .inb-v3-gallery__btn svg { grid-area: 1 / 1; width: 1.25rem; height: 1.25rem; transition: transform var(--inb-v3-dur) var(--inb-v3-ease); } .inb-v3-gallery__btn:hover { border-color: var(--wp--custom--color--accent-on-dark); background: var(--wp--custom--color--accent-on-dark); color: var(--wp--preset--color--primary-deep); } .inb-v3-gallery__btn--prev:hover svg { transform: translateX(-0.2rem); } .inb-v3-gallery__btn--next:hover svg { transform: translateX(0.2rem); } .inb-v3-gallery__btn:focus-visible { outline: 2px solid var(--wp--custom--color--focus-on-dark); outline-offset: 3px; } .inb-v3-gallery__btn--toggle .inb-v3-gallery__icon-play, .inb-v3-gallery__btn--toggle[aria-pressed="true"] .inb-v3-gallery__icon-pause { visibility: hidden; } .inb-v3-gallery__btn--toggle[aria-pressed="true"] .inb-v3-gallery__icon-play { visibility: visible; } @media (min-width: 782px) { .inb-v3-gallery.is-v3-ready .inb-v3-gallery__stage { grid-template-rows: auto 1fr; align-items: start; } .inb-v3-gallery.is-v3-ready .inb-v3-gallery__head { grid-column: 1 / span 4; grid-row: 1; } .inb-v3-gallery.is-v3-ready .inb-v3-gallery__controls { grid-column: 1 / span 4; grid-row: 2; align-self: end; } .inb-v3-gallery.is-v3-ready .inb-v3-gallery__slides { grid-column: 5 / -1; grid-row: 1 / span 2; align-self: center; justify-self: end; width: min(100%, calc((100svh - var(--inb-v3-top) - 4rem) * 1.5)); } .inb-v3-gallery.is-v3-ready .inb-v3-gallery__title { font-size: clamp(2.6rem, 0.8rem + 3.6vw, 5.25rem); } } @media (min-width: 782px) and (max-width: 1099px) { .inb-v3-gallery.is-v3-ready .inb-v3-gallery__progress { grid-column: 1 / -1; } } @media (max-width: 781px) { .inb-v3-gallery.is-v3-ready .inb-v3-gallery__slides { aspect-ratio: 4 / 3; } .inb-v3-gallery__btn { width: 3rem; height: 3rem; } } @media (prefers-reduced-motion: reduce) { .inb-v3-gallery__bar, .inb-v3-gallery__btn, .inb-v3-gallery__btn svg, .inb-v3-gallery__zoom-icon { transition: none; } .inb-v3-gallery__btn--prev:hover svg, .inb-v3-gallery__btn--next:hover svg { transform: none; } } @media print { .inb-v3-gallery__controls, .inb-v3-gallery__zoom { display: none; } }
.inb-v3-location__inner { row-gap: clamp(2.5rem, 1.5rem + 3vw, 4.5rem); } .inb-v3-location__head { display: grid; gap: 1.5rem; } .inb-v3-location__head > * { margin: 0; } .inb-v3-location__title { max-width: 15ch; } .inb-v3-location__media { position: relative; margin: 0; overflow: hidden; border-radius: var(--wp--preset--border-radius--medium, 0.5rem); background: color-mix(in srgb, var(--wp--preset--color--primary-deep) 10%, var(--wp--preset--color--base)); aspect-ratio: 4 / 3; } .inb-v3-location__media img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: 42% 55%; transform-origin: 50% 60%; } .inb-v3-location__body > * { margin-block: 0; } .inb-v3-location__lead { font-size: var(--wp--preset--font-size--large); font-weight: var(--wp--custom--font-weight--regular); line-height: 1.45; letter-spacing: var(--wp--custom--letter-spacing--tight); color: var(--wp--custom--color--text); } .inb-v3-location__text { margin-block-start: 1.25rem !important; color: var(--wp--custom--color--text-muted); } .inb-v3-location .inb-v3-location__label { margin-block: 2.5rem 1rem !important; font-family: var(--wp--preset--font-family--body); font-size: var(--wp--preset--font-size--small); font-weight: var(--wp--custom--font-weight--semibold); line-height: 1.4; letter-spacing: 0; text-transform: uppercase; color: var(--wp--custom--color--text-muted); } .inb-v3-location__list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: var(--wp--preset--spacing--40); margin: 0; padding: 0; list-style: none; counter-reset: inb-v3-near; } .inb-v3-location__list li { display: flex; gap: 0.75rem; align-items: baseline; padding-block: 0.7rem; border-block-end: 1px solid var(--wp--custom--color--rule); counter-increment: inb-v3-near; line-height: 1.35; } .inb-v3-location__list li::before { content: counter(inb-v3-near, decimal-leading-zero); flex: 0 0 2ch; font-size: 0.75rem; font-weight: var(--wp--custom--font-weight--semibold); letter-spacing: 0; color: var(--wp--custom--color--text-muted); font-variant-numeric: tabular-nums; } @supports (content: "x" / "") { .inb-v3-location__list li::before { content: counter(inb-v3-near, decimal-leading-zero) / ""; } } .inb-v3-location__note { margin-block-start: 1.75rem !important; color: var(--wp--custom--color--text-muted); } .inb-v3-location__map { margin-block-start: 1.25rem !important; font-size: var(--wp--preset--font-size--medium); } .inb-v3-location__map .inb-v3-link { color: var(--wp--preset--color--primary); } .inb-v3-location__soho { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--wp--preset--spacing--40); row-gap: 2rem; padding-block-start: clamp(2.5rem, 1.5rem + 3vw, 4.5rem); border-block-start: 1px solid var(--wp--custom--color--rule); } .inb-v3-location__soho > *, .inb-v3-location__soho-head > *, .inb-v3-location__soho-body > * { margin-block: 0; } .inb-v3-location__soho-head { grid-column: 1 / -1; display: grid; gap: 1.25rem; } .inb-v3-location__soho-title { max-width: 22ch; font-family: var(--wp--preset--font-family--heading); font-size: var(--wp--preset--font-size--x-large); font-weight: var(--wp--custom--font-weight--semibold); line-height: var(--wp--custom--line-height--tight); letter-spacing: var(--wp--custom--letter-spacing--tight); color: var(--wp--custom--color--text); text-wrap: balance; } .inb-v3-location__soho-brand { justify-self: start; max-width: 100%; margin-block-start: 0.25rem; } .inb-v3-location__soho-brand img { display: block; width: clamp(9.5rem, 7.5rem + 5vw, 13.5rem); max-width: 100%; height: auto; aspect-ratio: 425.2 / 149.95; } .inb-v3-location__soho-body { grid-column: 1 / -1; color: var(--wp--custom--color--text-muted); } .inb-v3-location__cities { display: flex; flex-wrap: wrap; gap: 0.5rem; margin: 0; padding: 0; list-style: none; } .inb-v3-location__cities li { display: flex; font-size: var(--wp--preset--font-size--small); font-weight: var(--wp--custom--font-weight--semibold); } .inb-v3-location__cities a { display: inline-flex; align-items: center; padding: 0.4rem 0.9rem; border: 1px solid var(--wp--custom--color--rule); border-radius: 999px; color: var(--wp--custom--color--text); text-decoration: none; transition: border-color var(--wp--custom--motion--duration-fast) var(--wp--custom--motion--easing), background-color var(--wp--custom--motion--duration-fast) var(--wp--custom--motion--easing), color var(--wp--custom--motion--duration-fast) var(--wp--custom--motion--easing); } @media (hover: hover) { .inb-v3-location__cities a:hover { border-color: var(--wp--preset--color--primary); background-color: var(--wp--preset--color--primary); color: var(--wp--preset--color--surface); } } .inb-v3-location__cities a:focus-visible { border-color: var(--wp--preset--color--primary); outline: 2px solid var(--wp--custom--color--focus); outline-offset: 3px; } @media (prefers-reduced-motion: reduce) { .inb-v3-location__cities a { transition: none; } } .inb-v3-location__motto { grid-column: 1 / -1; margin-block-start: clamp(1.5rem, 0.5rem + 3vw, 3.5rem) !important; font-family: var(--wp--preset--font-family--heading); font-size: clamp(2.1rem, 0.9rem + 4.4vw, 6rem); font-weight: var(--wp--custom--font-weight--light); line-height: 1; letter-spacing: var(--wp--custom--letter-spacing--display); color: var(--wp--custom--color--text); text-wrap: balance; } .inb-v3-location__motto strong { display: block; font-weight: var(--wp--custom--font-weight--black); letter-spacing: var(--wp--custom--letter-spacing--title); color: var(--wp--preset--color--primary); } @media (min-width: 782px) { .inb-v3-location__head { grid-column: 1 / span 9; } .inb-v3-location__media { grid-column: 1 / span 6; align-self: start; aspect-ratio: 4 / 5; } .inb-v3-location__body { grid-column: 8 / -1; align-self: center; } .inb-v3-location__soho-head { grid-column: 1 / span 5; } .inb-v3-location__soho-body { grid-column: 7 / -1; } .inb-v3-location__soho-body > p:first-child { font-size: var(--wp--preset--font-size--medium); line-height: 1.6; } .inb-v3-location__motto { grid-column: 2 / -1; } } @media (min-width: 1200px) { .inb-v3-location__media { grid-column: 1 / span 6; } .inb-v3-location__body { grid-column: 8 / span 5; } } @media (max-width: 420px) { .inb-v3-location__list { grid-template-columns: minmax(0, 1fr); } } @media (prefers-reduced-motion: no-preference) and (min-height: 30rem) { .inb-js:not(.inb-v3-fallback) .inb-v3-location__media img { will-change: transform; } }
@property --inb-v3-frame-p { syntax: "<number>"; inherits: true; initial-value: 1; } .inb-v3-contact { --inb-v3-frame-top: clamp(1rem, 0.5rem + 1.5vw, 2rem); --inb-v3-frame-radius: 1rem; --inb-v3-media-h: clamp(17rem, 8rem + 34vw, 44rem); --inb-v3-media-gap: clamp(3rem, 1.5rem + 5vw, 6.5rem); } .inb-v3-contact__frame { position: relative; margin: calc(-1 * var(--inb-v3-section-y)) calc(-1 * var(--inb-v3-gutter)) var(--inb-v3-media-gap) !important; } .inb-v3-contact__media { position: relative; height: var(--inb-v3-media-h); margin: 0; overflow: hidden; background: var(--wp--preset--color--primary); --inb-v3-fx: calc(var(--inb-v3-gutter) * var(--inb-v3-frame-p)); clip-path: inset(calc(var(--inb-v3-frame-top) * var(--inb-v3-frame-p)) var(--inb-v3-fx) 0 var(--inb-v3-fx) round calc(var(--inb-v3-frame-radius) * var(--inb-v3-frame-p))); } .inb-v3-contact__media img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: 50% 45%; transform-origin: 50% 40%; } .inb-v3-contact__media::after { content: ""; position: absolute; inset: 0; background: linear-gradient(to bottom, transparent 55%, color-mix(in srgb, var(--wp--preset--color--primary-deep) 55%, transparent)); pointer-events: none; } .inb-v3-contact__frame::after { content: none; } @media (min-width: 782px) { .inb-v3-contact__frame::after { content: ""; position: absolute; inset: calc(var(--inb-v3-frame-top) - 0.75rem) calc(var(--inb-v3-gutter) - 0.75rem) -0.75rem; border: 1px solid var(--wp--custom--color--rule-on-dark); border-radius: calc(var(--inb-v3-frame-radius) + 0.75rem); opacity: max(0, calc(var(--inb-v3-frame-p) * 3 - 2)); pointer-events: none; } } .inb-v3-contact__inner { row-gap: clamp(2.5rem, 1.5rem + 3vw, 4rem); } .inb-v3-contact__head, .inb-v3-contact__pitch, .inb-v3-contact__details { display: grid; align-content: start; } .inb-v3-contact__head > *, .inb-v3-contact__pitch > *, .inb-v3-contact__details > * { margin-block: 0; } .inb-v3-contact__head { gap: 1.5rem; } .inb-v3-contact__title { max-width: 14ch; } .inb-v3-contact__lead { font-size: var(--wp--preset--font-size--x-large); font-weight: var(--wp--custom--font-weight--semibold); line-height: var(--wp--custom--line-height--tight); letter-spacing: var(--wp--custom--letter-spacing--tight); color: var(--wp--custom--color--on-dark); text-wrap: balance; } .inb-v3-contact__text { margin-block-start: 1rem !important; max-width: 36ch; color: var(--wp--custom--color--on-dark-muted); } .inb-v3-contact__actions { margin-block-start: 2rem !important; } .inb-v3-contact__label { font-size: var(--wp--preset--font-size--small); font-weight: var(--wp--custom--font-weight--semibold); letter-spacing: 0; text-transform: uppercase; color: var(--wp--custom--color--on-dark-muted); } .inb-v3-contact__label:not(:first-child) { margin-block-start: 2rem !important; } .inb-v3-contact__big { margin-block-start: 0.35rem !important; font-family: var(--wp--preset--font-family--heading); font-size: clamp(1.75rem, 0.9rem + 3.4vw, 3.25rem); font-weight: var(--wp--custom--font-weight--light); white-space: nowrap; line-height: 1.1; letter-spacing: var(--wp--custom--letter-spacing--tight); font-variant-numeric: lining-nums tabular-nums; } .inb-v3-contact__big--mail { font-size: clamp(1.2rem, 0.5rem + 3.1vw, 2.25rem); white-space: normal; overflow-wrap: anywhere; } .inb-v3-contact .inb-v3-contact__big a { position: relative; display: inline-block; padding-block: 0.15em; color: var(--wp--custom--color--on-dark); text-decoration: none; transition: color var(--wp--custom--motion--duration-fast) var(--wp--custom--motion--easing); } .inb-v3-contact .inb-v3-contact__big a::after { content: ""; position: absolute; inset-inline: 0; bottom: 0; height: 1px; background: var(--wp--custom--color--accent-on-dark); transform: scaleX(0.18); transform-origin: left center; transition: transform var(--wp--custom--motion--duration) var(--inb-v3-ease); } @media (hover: hover) { .inb-v3-contact .inb-v3-contact__big a:hover { color: var(--wp--custom--color--accent-on-dark); } .inb-v3-contact .inb-v3-contact__big a:hover::after { transform: scaleX(1); } } .inb-v3-contact .inb-v3-contact__big a:focus-visible { color: var(--wp--custom--color--accent-on-dark); outline: 2px solid var(--wp--custom--color--focus-on-dark); outline-offset: 4px; border-radius: 2px; } .inb-v3-contact .inb-v3-contact__big a:focus-visible::after { transform: scaleX(1); } .inb-v3-contact__address { margin-block-start: 0.5rem !important; font-style: normal; line-height: 1.6; color: var(--wp--custom--color--on-dark); } @media (prefers-reduced-motion: reduce) { .inb-v3-contact .inb-v3-contact__big a::after { transition: none; } } @media (min-width: 782px) { .inb-v3-contact__inner { grid-template-rows: auto auto auto 1fr auto; align-items: start; } .inb-v3-contact__head, .inb-v3-contact__pitch, .inb-v3-contact__details { grid-column: 1 / span 7; } .inb-v3-contact__head { grid-row: 1; } .inb-v3-contact__pitch { grid-row: 2; } .inb-v3-contact__details { grid-row: 3; } .inb-v3-contact__form-panel { grid-column: 8 / -1; grid-row: 1 / span 4; align-self: start; } .inb-v3-contact .inb-v3-contact__place { display: contents; } .inb-v3-contact__map { grid-column: 1 / -1; grid-row: 5; } } @media (min-width: 1200px) { .inb-v3-contact { --inb-v3-contact-gutter: max(var(--wp--preset--spacing--40), calc((100vw - 85.5rem) / 2)); } .inb-v3-contact__inner { max-width: none; margin-inline: calc(var(--inb-v3-contact-gutter) - var(--inb-v3-gutter)); grid-template-rows: auto auto minmax(var(--inb-v3-map-min-h), 1fr); row-gap: 0; } .inb-v3-contact__head { grid-column: 1 / span 5; } .inb-v3-contact__pitch { grid-column: 1 / span 5; margin-block-start: clamp(1.25rem, 0.5rem + 1vw, 2rem) !important; } .inb-v3 .inb-v3-contact__title { font-size: clamp(2.75rem, 0.4rem + 4.6vw, 4.5rem); } .inb-v3 .inb-v3-contact .inb-v3-contact__form-title { font-size: clamp(2rem, 0.5rem + 2vw, 2.5rem); } .inb-v3-contact__lead { max-width: 16.5em; font-size: clamp(1.6rem, 0.9rem + 0.9vw, 1.9rem); text-wrap: wrap; } .inb-v3-contact__details { grid-column: 6 / span 3; grid-row: 1 / span 2; padding-block-start: clamp(2.5rem, 1.5rem + 1.5vw, 3.5rem); } .inb-v3-contact__form-panel { grid-column: 9 / -1; grid-row: 1 / span 3; } .inb-v3-contact .inb-v3-contact__map { grid-column: 1 / span 8; grid-row: 3; align-self: stretch; margin-block-start: clamp(2rem, 1rem + 1.5vw, 2.75rem) !important; } } @media (min-width: 1200px) { .inb-v3-contact__inner::before, .inb-v3-contact__inner::after { content: ""; position: absolute; z-index: -1; top: calc(var(--inb-v3-media-h) + var(--inb-v3-media-gap) - 3rem); right: 0; pointer-events: none; } .inb-v3-contact__inner::before { bottom: 0; width: clamp(24rem, 4rem + 26vw, 36rem); background: linear-gradient(color-mix(in srgb, var(--wp--preset--color--primary-deep) 38%, transparent), color-mix(in srgb, var(--wp--preset--color--primary-deep) 38%, transparent)), url("https://zielonetarasysoho.pl/wp-content/themes/inb-developer/assets/images/investment/ver-f5-u3.webp") 36% 30% / auto 125% no-repeat; -webkit-mask: linear-gradient(to right, transparent, black 62%), linear-gradient(to bottom, transparent, black 20%, black 62%, transparent 92%); -webkit-mask-composite: source-in; mask: linear-gradient(to right, transparent, black 62%), linear-gradient(to bottom, transparent, black 20%, black 62%, transparent 92%); mask-composite: intersect; opacity: 0.8; } .inb-v3-contact__inner::after { --inb-v3-arc: color-mix(in srgb, var(--wp--preset--color--accent) 32%, transparent); width: min(40rem, (100vw + var(--inb-v3-contact-gutter)) / 3); height: 34rem; background: radial-gradient(circle at 112% -18%, transparent 0 calc(30rem - 1px), var(--inb-v3-arc) calc(30rem - 1px) 30rem, transparent calc(30rem + 1px)), radial-gradient(circle at 112% -18%, transparent 0 calc(38rem - 1px), var(--inb-v3-arc) calc(38rem - 1px) 38rem, transparent calc(38rem + 1px)); -webkit-mask: linear-gradient(to bottom, black 40%, transparent); mask: linear-gradient(to bottom, black 40%, transparent); opacity: 0.6; } } .inb-v3-contact__place { display: grid; gap: clamp(2.5rem, 1.5rem + 3vw, 3.5rem); padding-block-start: clamp(2rem, 1.25rem + 2vw, 3rem); border-block-start: 1px solid var(--wp--custom--color--rule-on-dark); } .inb-v3-contact__place > * { margin-block: 0 !important; min-width: 0; } .inb-v3-contact { --inb-v3-icon-size: clamp(3rem, 2.5rem + 1vw, 3.75rem); --inb-v3-icon-phone: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.4' stroke-linejoin='round'%3E%3Cpath d='M5.2 3.5h3.3l1.9 4.6-2.4 1.5a11.5 11.5 0 0 0 6.4 6.4l1.5-2.4 4.6 1.9v3.3a1.7 1.7 0 0 1-1.8 1.7A16.8 16.8 0 0 1 3.5 5.3a1.7 1.7 0 0 1 1.7-1.8z'/%3E%3C/svg%3E"); --inb-v3-icon-mail: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.4' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='1.5'/%3E%3Cpath d='m3.5 6.5 8.5 6.5 8.5-6.5'/%3E%3C/svg%3E"); --inb-v3-icon-pin: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.4' stroke-linejoin='round'%3E%3Cpath d='M12 21.5s-6.8-6-6.8-11.6a6.8 6.8 0 0 1 13.6 0c0 5.6-6.8 11.6-6.8 11.6z'/%3E%3Ccircle cx='12' cy='9.8' r='2.4'/%3E%3C/svg%3E"); --inb-v3-icon-pin-solid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M12 22s-7.2-6.3-7.2-12.1a7.2 7.2 0 0 1 14.4 0C19.2 15.7 12 22 12 22zm0-9.4a2.7 2.7 0 1 0 0-5.4 2.7 2.7 0 0 0 0 5.4z'/%3E%3C/svg%3E"); } .inb-v3-contact__details { gap: clamp(1.5rem, 1rem + 1.25vw, 2.25rem); } .inb-v3-contact__item { position: relative; display: grid; align-content: center; min-height: var(--inb-v3-icon-size); padding-inline-start: calc(var(--inb-v3-icon-size) + clamp(1rem, 0.5rem + 0.75vw, 1.5rem)); } .inb-v3-contact__item > * { margin-block: 0 !important; } .inb-v3-contact__item::before, .inb-v3-contact__item::after { content: ""; position: absolute; inset-inline-start: 0; top: 0; width: var(--inb-v3-icon-size); aspect-ratio: 1; pointer-events: none; } .inb-v3-contact__item::before { border: 1px solid color-mix(in srgb, var(--wp--custom--color--on-dark) 10%, transparent); border-radius: 50%; background: color-mix(in srgb, var(--wp--custom--color--on-dark) 7%, transparent); } .inb-v3-contact__item::after { background: var(--wp--custom--color--accent-on-dark); -webkit-mask: var(--inb-v3-icon) center / 44% no-repeat; mask: var(--inb-v3-icon) center / 44% no-repeat; } .inb-v3-contact__item--phone { --inb-v3-icon: var(--inb-v3-icon-phone); } .inb-v3-contact__item--mail { --inb-v3-icon: var(--inb-v3-icon-mail); } .inb-v3-contact__item--address { --inb-v3-icon: var(--inb-v3-icon-pin); } .inb-v3-contact .inb-v3-contact__item .inb-v3-contact__label { font-size: 0.75rem; letter-spacing: 0.12em; } .inb-v3-contact .inb-v3-contact__item .inb-v3-contact__label + * { margin-block-start: 0.4rem !important; } .inb-v3-contact .inb-v3-contact__details .inb-v3-contact__big { font-family: var(--wp--preset--font-family--body); font-size: clamp(1.25rem, 1rem + 1vw, 1.5rem); font-weight: var(--wp--custom--font-weight--regular); letter-spacing: 0; } .inb-v3-contact .inb-v3-contact__details .inb-v3-contact__big--mail { font-size: clamp(1rem, 0.85rem + 0.6vw, 1.2rem); } .inb-v3-contact .inb-v3-contact__details .inb-v3-contact__big--mail a { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 0.25em; } .inb-v3-contact .inb-v3-contact__details .inb-v3-contact__big--mail a::after { content: none; } .inb-v3-contact .inb-v3-contact__details .inb-v3-contact__address { font-size: clamp(1rem, 0.9rem + 0.3vw, 1.125rem); line-height: 1.5; } @media (min-width: 1200px) { .inb-v3-contact .inb-v3-contact__details .inb-v3-contact__big { font-size: clamp(1.2rem, 0.5rem + 0.9vw, 1.45rem); } .inb-v3-contact .inb-v3-contact__details .inb-v3-contact__big--mail { font-size: clamp(0.95rem, 0.35rem + 0.75vw, 1.2rem); } } .inb-v3-contact__map { display: grid; gap: 0.75rem; } .inb-v3-contact__map > * { margin-block: 0 !important; } .inb-v3-contact { --inb-v3-pin-x: 54.5615%; --inb-v3-pin-y: 48.8673%; } .inb-v3-contact__map-view { --inb-v3-map-zoom: 1; --inb-v3-map-focus-x: var(--inb-v3-pin-x); --inb-v3-map-focus-y: var(--inb-v3-pin-y); position: relative; aspect-ratio: 2375.3 / 1545; overflow: clip; border-radius: var(--inb-v3-frame-radius); background-color: color-mix(in srgb, var(--wp--preset--color--accent) 62%, var(--wp--preset--color--base)); box-shadow: 0 0 0 1px var(--wp--custom--color--rule-on-dark); } .inb-v3-contact__map-canvas { position: absolute; left: var(--inb-v3-map-focus-x); top: var(--inb-v3-map-focus-y); width: calc(var(--inb-v3-map-zoom) * 100%); aspect-ratio: 2375.3 / 1545; margin: 0 !important; transform: translate(calc(-1 * var(--inb-v3-pin-x)), calc(-1 * var(--inb-v3-pin-y))); } .inb-v3-contact__map-canvas > * { margin: 0 !important; } .inb-v3-contact__map-image, .inb-v3-contact__map-image img { display: block; width: 100%; height: 100%; } @media (max-width: 599px) { .inb-v3-contact__map-view { --inb-v3-map-zoom: 1.8; --inb-v3-map-focus-x: 50%; --inb-v3-map-focus-y: 55%; aspect-ratio: 1; } } @media (min-width: 1200px) { .inb-v3-contact__map { grid-template-rows: minmax(0, 1fr); } .inb-v3-contact__map-view { container-type: size; aspect-ratio: auto; height: 100%; min-height: var(--inb-v3-map-min-h); } .inb-v3-contact__map-canvas { width: max(100cqw, 100cqh * 2375.3 / 1545, var(--inb-v3-map-min-h) * 2375.3 / 1545); } } .inb-v3-contact { --inb-v3-map-min-h: 17rem; } .inb-v3-contact__map-card { display: grid; gap: 0.35rem; padding: clamp(1.25rem, 1rem + 0.75vw, 1.75rem); border-radius: 0.75rem; background: var(--wp--preset--color--surface); color: var(--wp--preset--color--primary-deep); box-shadow: 0 1.25rem 2.5rem -1.25rem color-mix(in srgb, var(--wp--preset--color--primary-deep) 55%, transparent); } .inb-v3-contact__map-card > * { margin-block: 0 !important; } .inb-v3-contact__card-label { font-size: 0.75rem; font-weight: var(--wp--custom--font-weight--semibold); letter-spacing: 0.12em; line-height: 1.4; text-transform: uppercase; color: color-mix(in srgb, var(--wp--preset--color--primary-deep) 78%, var(--wp--preset--color--surface)); } .inb-v3-contact__card-title { margin-block-start: 0.35rem !important; font-size: clamp(1.15rem, 1rem + 0.5vw, 1.375rem); font-weight: var(--wp--custom--font-weight--semibold); line-height: 1.25; letter-spacing: var(--wp--custom--letter-spacing--tight); } .inb-v3-contact__card-text { font-size: 0.95rem; line-height: 1.5; color: color-mix(in srgb, var(--wp--preset--color--primary-deep) 85%, var(--wp--preset--color--surface)); } .inb-v3-contact__card-link { margin-block-start: clamp(0.75rem, 0.5rem + 0.75vw, 1.25rem) !important; font-size: 0.95rem; line-height: 1.4; } .inb-v3-contact .inb-v3-contact__card-link a { display: inline-flex; align-items: center; gap: 0.6em; min-height: 2.75rem; color: var(--wp--preset--color--primary-deep); text-decoration: none; } .inb-v3-contact .inb-v3-contact__card-link a::before { content: ""; flex: 0 0 auto; width: 1.15em; aspect-ratio: 1; background: var(--wp--preset--color--primary); -webkit-mask: var(--inb-v3-icon-pin-solid) center / contain no-repeat; mask: var(--inb-v3-icon-pin-solid) center / contain no-repeat; } .inb-v3-contact .inb-v3-contact__card-link a::after { content: "→"; transition: translate var(--wp--custom--motion--duration-fast) var(--wp--custom--motion--easing); } @media (hover: hover) { .inb-v3-contact .inb-v3-contact__card-link a:hover { text-decoration: underline; text-underline-offset: 0.25em; } .inb-v3-contact .inb-v3-contact__card-link a:hover::after { translate: 0.2em 0; } } .inb-v3-contact .inb-v3-contact__card-link a:focus-visible { outline: 2px solid var(--wp--custom--color--focus); outline-offset: 3px; border-radius: 2px; } @media (prefers-reduced-motion: reduce) { .inb-v3-contact .inb-v3-contact__card-link a::after { transition: none; } } @media (min-width: 782px) { .inb-v3-contact__map { position: relative; } .inb-v3-contact__map-card { position: absolute; z-index: 2; inset-inline-start: clamp(1rem, 0.25rem + 1.5vw, 1.75rem); inset-block-end: clamp(1rem, 0.25rem + 1.5vw, 3rem); width: min(19.5rem, 40%); } } .inb-v3-contact__pin { position: absolute; z-index: 1; left: var(--inb-v3-pin-x); top: var(--inb-v3-pin-y); width: clamp(3.5rem, 2.5rem + 3vw, 5.5rem); transform: translate(-52.25%, -76.53%); isolation: isolate; } .inb-v3-contact .inb-v3-contact__pin a { display: block; border-radius: 0.5rem; -webkit-tap-highlight-color: transparent; } .inb-v3-contact__pin img { display: block; width: 100%; height: auto; transition: transform var(--wp--custom--motion--duration) var(--inb-v3-ease); transform-origin: 52.25% 76.53%; } @media (hover: hover) { .inb-v3-contact .inb-v3-contact__pin a:hover img { transform: translateY(-4%); } } .inb-v3-contact .inb-v3-contact__pin a:focus-visible { outline: 3px solid var(--wp--custom--color--focus); outline-offset: 3px; box-shadow: 0 0 0 3px var(--wp--preset--color--surface); } @media (prefers-reduced-motion: no-preference) { .inb-v3-contact__pin::before, .inb-v3-contact__pin::after { content: ""; position: absolute; z-index: -1; left: 52.25%; top: 76.53%; width: 150%; aspect-ratio: 1; border: 2px solid color-mix(in srgb, var(--wp--preset--color--primary-deep) 55%, transparent); border-radius: 50%; background: color-mix(in srgb, var(--wp--preset--color--primary) 14%, transparent); translate: -50% -50%; scale: 0.2; opacity: 0; pointer-events: none; animation: inb-v3-pin-pulse 2.8s cubic-bezier(0.22, 1, 0.36, 1) infinite; } .inb-v3-contact__pin::after { animation-delay: 1.4s; } } @keyframes inb-v3-pin-pulse { 0% { scale: 0.2; opacity: 0.85; } 100% { scale: 1; opacity: 0; } } @media (prefers-reduced-motion: reduce) { .inb-v3-contact__pin img { transition: none; } } :is(.inb-v3-contact__form-panel, .inb-v3-leadform) { --inb-v3-form-error: oklch(50% 0.17 30); --inb-v3-form-text: var(--wp--custom--color--text); --inb-v3-form-muted: var(--wp--custom--color--text-muted); --inb-v3-form-accent: var(--wp--preset--color--primary); --inb-v3-form-focus: var(--wp--custom--color--focus); --inb-v3-form-rule: var(--wp--custom--color--rule); --inb-v3-form-line: color-mix(in srgb, var(--wp--preset--color--primary-deep) 55%, var(--wp--preset--color--surface)); --inb-v3-form-field: var(--wp--preset--color--surface); } .inb-v3-contact__form-panel { display: grid; gap: clamp(1.5rem, 1rem + 1.5vw, 2.5rem); padding: clamp(1.25rem, 0.5rem + 3vw, 3rem); border: 1px solid color-mix(in srgb, var(--wp--preset--color--accent) 70%, transparent); border-radius: var(--inb-v3-frame-radius); background-color: var(--wp--preset--color--surface); box-shadow: 0 2rem 4rem -2rem color-mix(in srgb, var(--wp--preset--color--primary-deep) 90%, transparent); color: var(--inb-v3-form-text); } .inb-v3-contact__form-intro { display: grid; align-content: start; gap: 0.75rem; } .inb-v3-contact .inb-v3-contact__form-intro .inb-v3-contact__label { color: var(--inb-v3-form-muted); } @media (min-width: 1200px) and (min-height: 56rem) { .inb-v3-contact__form-panel { position: sticky; top: calc(var(--inb-v3-top) + 1.5rem); gap: clamp(1.25rem, 0.75rem + 1vw, 1.75rem); padding: clamp(1.5rem, 0.5rem + 1.5vw, 2.25rem); } .inb-v3-contact .inb-v3-contact__form-panel .inb-ef-form { row-gap: 1rem; } .inb-v3-contact .inb-v3-contact__form-panel .inb-ef-form textarea { min-height: 6.5rem; } .inb-v3 .inb-v3-contact { --inb-v3-map-min-h: clamp(28rem, 62svh, 40rem); } } .inb-v3-contact__form-intro > * { margin-block: 0; } .inb-v3-contact__form-intro::after { content: ""; width: 2.5rem; height: 2px; margin-block-start: 0.5rem; background: var(--wp--preset--color--accent); } .inb-v3 .inb-v3-contact__form-title { margin: 0; font-family: var(--wp--preset--font-family--heading); font-size: clamp(1.75rem, 1.1rem + 2.2vw, 2.75rem); font-weight: var(--wp--custom--font-weight--light); line-height: 1.1; letter-spacing: var(--wp--custom--letter-spacing--tight); color: var(--inb-v3-form-text); scroll-margin-top: calc(var(--inb-v3-top) + clamp(1.25rem, 0.5rem + 3vw, 3.5rem) + 2.5rem); } .inb-v3 .inb-v3-contact__form-title:focus { outline: none; } .inb-v3 .inb-v3-contact__form-title:focus-visible { outline: 2px solid var(--inb-v3-form-focus); outline-offset: 4px; border-radius: 2px; } .inb-v3-contact__form-panel { align-content: start; } .inb-v3-contact__form-panel > * { margin-block: 0 !important; } .inb-v3-contact__form { container-type: inline-size; min-width: 0; } :is(.inb-v3-contact__form-fallback, .inb-v3-leadform__fallback) { margin: 0; max-width: 40ch; line-height: 1.6; color: var(--inb-v3-form-text); } :is(.inb-v3-contact, .inb-v3-leadform) :is(.inb-v3-contact__form-fallback, .inb-v3-leadform__fallback) a { color: var(--inb-v3-form-accent); font-weight: var(--wp--custom--font-weight--semibold); text-decoration: underline; text-underline-offset: 0.2em; white-space: nowrap; } :is(.inb-v3-contact, .inb-v3-leadform) :is(.inb-v3-contact__form-fallback, .inb-v3-leadform__fallback) a:focus-visible { outline: 2px solid var(--inb-v3-form-focus); outline-offset: 3px; border-radius: 2px; } :is(.inb-v3-contact, .inb-v3-leadform) .inb-ef-form { display: grid; grid-template-columns: minmax(0, 1fr); align-content: start; gap: 1.25rem 1.25rem; max-width: 46rem; margin: 0; color: var(--inb-v3-form-text); } :is(.inb-v3-contact, .inb-v3-leadform) .inb-ef-form > * { grid-column: 1 / -1; min-width: 0; margin: 0; } @container (min-width: 34rem) { :is(.inb-v3-contact, .inb-v3-leadform) .inb-ef-form { grid-template-columns: repeat(2, minmax(0, 1fr)); } :is(.inb-v3-contact, .inb-v3-leadform) .inb-ef-form > .inb-ef-field:has(> input[type="email"], > input[type="tel"]) { grid-column: auto; } } :is(.inb-v3-contact, .inb-v3-leadform) .inb-ef-form .inb-ef-field { margin: 0; } :is(.inb-v3-contact, .inb-v3-leadform) .inb-ef-form .inb-ef-field > label { display: block; margin: 0 0 0.5rem; font-size: var(--wp--preset--font-size--small); font-weight: var(--wp--custom--font-weight--semibold); letter-spacing: 0; line-height: 1.4; color: var(--inb-v3-form-text); } :is(.inb-v3-contact, .inb-v3-leadform) .inb-ef-form .inb-ef-req { margin-inline-start: 0.15em; color: var(--inb-v3-form-accent); } :is(.inb-v3-contact, .inb-v3-leadform) .inb-ef-form :is(input[type="text"], input[type="email"], input[type="tel"], input[type="number"], input[type="url"], textarea) { display: block; width: 100%; min-height: 3.25rem; margin: 0; padding: 0.8rem 1rem; box-sizing: border-box; border: 1px solid var(--inb-v3-form-line); border-radius: 0.5rem; background-color: var(--inb-v3-form-field); box-shadow: none; color: var(--inb-v3-form-text); caret-color: var(--inb-v3-form-accent); font-family: var(--wp--preset--font-family--body); font-size: max(1rem, 16px); line-height: 1.4; transition: border-color var(--wp--custom--motion--duration-fast) var(--wp--custom--motion--easing), background-color var(--wp--custom--motion--duration-fast) var(--wp--custom--motion--easing), box-shadow var(--wp--custom--motion--duration-fast) var(--wp--custom--motion--easing); } :is(.inb-v3-contact, .inb-v3-leadform) .inb-ef-form :is(input, textarea, select) { scroll-margin-block: 8rem 2rem; } :is(.inb-v3-contact, .inb-v3-leadform) .inb-ef-form textarea { min-height: 9rem; resize: vertical; } :is(.inb-v3-contact, .inb-v3-leadform) .inb-ef-form :is(input, textarea)::placeholder { color: var(--inb-v3-form-muted); opacity: 0.85; } @media (hover: hover) { :is(.inb-v3-contact, .inb-v3-leadform) .inb-ef-form :is(input[type="text"], input[type="email"], input[type="tel"], input[type="number"], input[type="url"], textarea):hover { border-color: var(--inb-v3-form-text); } } :is(.inb-v3-contact, .inb-v3-leadform) .inb-ef-form :is(input[type="text"], input[type="email"], input[type="tel"], input[type="number"], input[type="url"], textarea):focus { border-color: var(--inb-v3-form-accent); background-color: var(--inb-v3-form-field); outline: 2px solid var(--inb-v3-form-focus); outline-offset: 2px; } :is(.inb-v3-contact, .inb-v3-leadform) .inb-ef-form :is(input, textarea):is(:user-invalid, [aria-invalid="true"]) { border-color: var(--inb-v3-form-error); box-shadow: inset 3px 0 0 var(--inb-v3-form-error); } :is(.inb-v3-contact, .inb-v3-leadform) .inb-ef-form .inb-ef-field:has(:is(input, textarea):is(:user-invalid, [aria-invalid="true"])) > label { color: var(--inb-v3-form-error); } :is(.inb-v3-contact, .inb-v3-leadform) .inb-ef-form :is(input, textarea):autofill { -webkit-text-fill-color: var(--inb-v3-form-text); box-shadow: inset 0 0 0 100vmax var(--wp--preset--color--base); caret-color: var(--inb-v3-form-accent); } :is(.inb-v3-contact, .inb-v3-leadform) .inb-ef-form .inb-ef-consents { margin: 0.25rem 0 0; padding-block-start: 1.25rem; border-block-start: 1px solid var(--inb-v3-form-rule); font-size: var(--wp--preset--font-size--small); line-height: 1.5; color: var(--inb-v3-form-muted); } :is(.inb-v3-contact, .inb-v3-leadform) .inb-ef-form .inb-ef-consent { margin: 0; } :is(.inb-v3-contact, .inb-v3-leadform) .inb-ef-form .inb-ef-consent + .inb-ef-consent { margin-block-start: 0.5rem; } :is(.inb-v3-contact, .inb-v3-leadform) .inb-ef-form :is(.inb-ef-consent, .inb-ef-field-checkbox) label { display: flex; align-items: flex-start; gap: 0.75rem; margin: 0; padding-block: 0.6rem; cursor: pointer; font-weight: var(--wp--custom--font-weight--regular); line-height: 1.5; color: var(--inb-v3-form-muted); } :is(.inb-v3-contact, .inb-v3-leadform) .inb-ef-form .inb-ef-consents .inb-ef-consent-master { display: flex; flex-wrap: wrap; align-items: center; gap: 0 1.25rem; } :is(.inb-v3-contact, .inb-v3-leadform) .inb-ef-form .inb-ef-consents .inb-ef-consent-master label { display: inline-flex; align-items: center; font-weight: var(--wp--custom--font-weight--semibold); color: var(--inb-v3-form-text); } :is(.inb-v3-contact, .inb-v3-leadform) .inb-ef-form input[type="checkbox"] { flex: 0 0 auto; width: 1.5rem; height: 1.5rem; margin: 0; accent-color: var(--wp--preset--color--primary); cursor: pointer; } :is(.inb-v3-contact, .inb-v3-leadform) .inb-ef-form :is(.inb-ef-consent:not(.inb-ef-consent-master), .inb-ef-field-checkbox) label { display: block; position: relative; min-height: 1.5rem; padding-inline-start: 2.25rem; } :is(.inb-v3-contact, .inb-v3-leadform) .inb-ef-form :is(.inb-ef-consent:not(.inb-ef-consent-master), .inb-ef-field-checkbox) label input[type="checkbox"] { position: absolute; inset-inline-start: 0; top: 0.6rem; } :is(.inb-v3-contact, .inb-v3-leadform) .inb-ef-form input[type="checkbox"]:focus-visible { outline: 2px solid var(--inb-v3-form-focus); outline-offset: 3px; } :is(.inb-v3-contact, .inb-v3-leadform) .inb-ef-form input[type="checkbox"]:is(:user-invalid, [aria-invalid="true"]) { outline: 2px solid var(--inb-v3-form-error); outline-offset: 2px; } :is(.inb-v3-contact, .inb-v3-leadform) .inb-ef-form .inb-ef-consent a { color: var(--inb-v3-form-accent); text-decoration: underline; text-underline-offset: 0.2em; } :is(.inb-v3-contact, .inb-v3-leadform) .inb-ef-form .inb-ef-consents .inb-ef-expand-consents { display: inline-block !important; padding: 0.6rem 0.25rem !important; margin: 0 -0.25rem !important; border-radius: 2px !important; color: var(--inb-v3-form-accent) !important; font: inherit !important; font-weight: var(--wp--custom--font-weight--semibold) !important; line-height: 1.5 !important; text-decoration: underline !important; text-underline-offset: 0.2em; cursor: pointer; } @media (hover: hover) { :is(.inb-v3-contact, .inb-v3-leadform) .inb-ef-form .inb-ef-consents .inb-ef-expand-consents:hover { color: var(--inb-v3-form-text) !important; } } :is(.inb-v3-contact, .inb-v3-leadform) .inb-ef-form .inb-ef-consents .inb-ef-expand-consents:focus-visible { outline: 2px solid var(--inb-v3-form-focus) !important; outline-offset: 2px !important; } :is(.inb-v3-contact, .inb-v3-leadform) .inb-ef-form .inb-ef-consents-list { margin: 0.25rem 0 0 0.7rem; padding: 0 0 0 1rem; border-inline-start: 1px solid var(--inb-v3-form-rule); } :is(.inb-v3-contact, .inb-v3-leadform) .inb-ef-form .inb-ef-consents-list[hidden] { display: none; } :is(.inb-v3-contact, .inb-v3-leadform) .inb-ef-form .inb-ef-submit { position: relative; display: inline-flex; align-items: center; justify-content: center; gap: 0.75em; justify-self: start; box-sizing: border-box; min-height: 3.25rem; min-width: 10rem; margin: 0.25rem 0 0; padding: 0.5rem 2rem; border: 1px solid var(--wp--preset--color--accent); border-radius: 999px; background: var(--wp--preset--color--accent); box-shadow: none; color: var(--wp--preset--color--primary-deep); font-family: var(--wp--preset--font-family--body); font-size: 1rem; font-weight: var(--wp--custom--font-weight--semibold); line-height: 1.2; letter-spacing: 0; text-transform: none; cursor: pointer; transition: background-color 0.55s var(--inb-v3-ease), border-color 0.55s var(--inb-v3-ease), transform 0.2s var(--inb-v3-ease); } @media (hover: hover) { :is(.inb-v3-contact, .inb-v3-leadform) .inb-ef-form .inb-ef-submit:hover:not(:disabled) { border-color: color-mix(in srgb, var(--wp--preset--color--accent) 55%, var(--wp--preset--color--surface)); background: color-mix(in srgb, var(--wp--preset--color--accent) 55%, var(--wp--preset--color--surface)); color: var(--wp--preset--color--primary-deep); } } @media (prefers-reduced-motion: no-preference) { :is(.inb-v3-contact, .inb-v3-leadform) .inb-ef-form .inb-ef-submit.is-v3-roll { isolation: isolate; overflow: hidden; } :is(.inb-v3-contact, .inb-v3-leadform) .inb-ef-form .inb-ef-submit.is-v3-roll::before { content: ""; position: absolute; inset: -1px; z-index: -1; border-radius: inherit; background-color: color-mix(in srgb, var(--wp--preset--color--accent) 55%, var(--wp--preset--color--surface)); transform: translate3d(0, 101%, 0); transition: transform var(--inb-v3-roll-dur) var(--inb-v3-roll-ease); pointer-events: none; } @media (hover: hover) { :is(.inb-v3-contact, .inb-v3-leadform) .inb-ef-form .inb-ef-submit.is-v3-roll:hover:not(:disabled) { background: var(--wp--preset--color--accent); } :is(.inb-v3-contact, .inb-v3-leadform) .inb-ef-form .inb-ef-submit.is-v3-roll:hover:not(:disabled)::before { transform: none; } } :is(.inb-v3-contact, .inb-v3-leadform) .inb-ef-form .inb-ef-submit.is-v3-roll:focus-visible:not(:disabled)::before { transform: none; } } :is(.inb-v3-contact, .inb-v3-leadform) .inb-ef-form .inb-ef-submit:not(.is-v3-roll):focus-visible:not(:disabled) { border-color: color-mix(in srgb, var(--wp--preset--color--accent) 55%, var(--wp--preset--color--surface)); background: color-mix(in srgb, var(--wp--preset--color--accent) 55%, var(--wp--preset--color--surface)); } @media (prefers-reduced-motion: reduce) { :is(.inb-v3-contact, .inb-v3-leadform) .inb-ef-form .inb-ef-submit:focus-visible:not(:disabled) { border-color: color-mix(in srgb, var(--wp--preset--color--accent) 55%, var(--wp--preset--color--surface)); background: color-mix(in srgb, var(--wp--preset--color--accent) 55%, var(--wp--preset--color--surface)); } } @media (max-width: 781px) { :is(.inb-v3-contact, .inb-v3-leadform) .inb-ef-form .inb-ef-submit { justify-self: stretch; width: 100%; } } :is(.inb-v3-contact, .inb-v3-leadform) .inb-ef-form .inb-ef-submit:focus-visible { outline: 2px solid var(--inb-v3-form-focus); outline-offset: 3px; } :is(.inb-v3-contact, .inb-v3-leadform) .inb-ef-form .inb-ef-submit:active:not(:disabled) { transform: scale(0.97); transition-duration: 0.09s; } :is(.inb-v3-contact, .inb-v3-leadform) .inb-ef-form .inb-ef-submit:disabled { opacity: 0.75; cursor: progress; } :is(.inb-v3-contact, .inb-v3-leadform) .inb-ef-form.is-sending .inb-ef-submit::after { content: ""; flex: 0 0 auto; width: 1em; height: 1em; border: 2px solid currentColor; border-inline-end-color: transparent; border-radius: 50%; animation: inb-v3-form-spin 0.8s linear infinite; } @keyframes inb-v3-form-spin { to { transform: rotate(1turn); } } :is(.inb-v3-contact, .inb-v3-leadform) .inb-ef-form .inb-ef-message { margin: 0; padding: 0.9rem 1.1rem; border: 1px solid var(--inb-v3-form-rule); border-inline-start-width: 4px; border-radius: 0.5rem; background: var(--wp--preset--color--base); color: var(--inb-v3-form-text); font-size: 1rem; line-height: 1.5; } :is(.inb-v3-contact, .inb-v3-leadform) .inb-ef-form .inb-ef-message[hidden] { display: none; } :is(.inb-v3-contact, .inb-v3-leadform) .inb-ef-form .inb-ef-message { --inb-v3-msg-lines: 2; box-sizing: border-box; min-height: calc(var(--inb-v3-msg-lines) * 1.5em + 1.8rem + 2px); } @container (min-width: 34rem) { :is(.inb-v3-contact, .inb-v3-leadform) .inb-ef-form .inb-ef-message { --inb-v3-msg-lines: 1; } } :is(.inb-v3-contact, .inb-v3-leadform) .inb-ef-form.is-sending .inb-ef-message[hidden] { display: block; visibility: hidden; } :is(.inb-v3-contact, .inb-v3-leadform) .inb-ef-form .inb-ef-message.inb-ef-success { border-color: var(--wp--preset--color--primary); background: color-mix(in srgb, var(--wp--preset--color--accent) 22%, var(--wp--preset--color--surface)); color: var(--inb-v3-form-text); } :is(.inb-v3-contact, .inb-v3-leadform) .inb-ef-form .inb-ef-message.inb-ef-error { border-color: var(--inb-v3-form-error); background: color-mix(in srgb, var(--inb-v3-form-error) 8%, var(--wp--preset--color--surface)); color: var(--inb-v3-form-text); } @media (prefers-reduced-motion: reduce) { :is(.inb-v3-contact, .inb-v3-leadform) .inb-ef-form :is(input, textarea, .inb-ef-submit) { transition: none; } :is(.inb-v3-contact, .inb-v3-leadform) .inb-ef-form.is-sending .inb-ef-submit::after { animation: none; border-inline-end-color: currentColor; border-style: dotted; } } @media (prefers-reduced-motion: no-preference) and (min-height: 30rem) { .inb-js:not(.inb-v3-fallback) .inb-v3-contact__media img { will-change: transform; } }
.inb-v3 { --inb-v3-decor-leaf: url("https://zielonetarasysoho.pl/wp-content/themes/inb-developer/assets/images/home-v3/decor/leaf-outline.svg"); --inb-v3-decor-leaf-solid: url("https://zielonetarasysoho.pl/wp-content/themes/inb-developer/assets/images/home-v3/decor/leaf.svg"); --inb-v3-decor-terrace-lines: url("https://zielonetarasysoho.pl/wp-content/themes/inb-developer/assets/images/home-v3/decor/terrace-lines.svg"); --inb-v3-decor-waves: url("https://zielonetarasysoho.pl/wp-content/themes/inb-developer/assets/images/home-v3/decor/waves.svg"); --inb-v3-decor-terraces: url("https://zielonetarasysoho.pl/wp-content/themes/inb-developer/assets/images/home-v3/decor/terraces.svg"); --inb-v3-decor-contour: url("https://zielonetarasysoho.pl/wp-content/themes/inb-developer/assets/images/home-v3/decor/contour.svg"); --inb-v3-decor-ink: var(--wp--preset--color--accent); --inb-v3-decor-ink-light: var(--wp--preset--color--primary); --inb-v3-decor-ink-dark: var(--wp--custom--color--on-dark); --inb-v3-decor-glow: color-mix(in srgb, var(--wp--preset--color--accent) 9%, transparent); --inb-v3-decor-glow-soft: color-mix(in srgb, var(--wp--preset--color--accent) 5%, transparent); } .inb-v3-about::before, .inb-v3-numbers::after, .inb-v3-features::after, .inb-v3-gallery__stage::after, .inb-v3-location::after, .inb-v3-contact::before, .inb-v3-contact::after { content: ""; position: absolute; pointer-events: none; background: var(--inb-v3-decor-ink); -webkit-mask: var(--inb-v3-decor-mask) center / contain no-repeat; mask: var(--inb-v3-decor-mask) center / contain no-repeat; } .inb-v3-numbers, .inb-v3-features, .inb-v3-gallery__stage, .inb-v3-location, .inb-v3-contact { isolation: isolate; } .inb-v3-numbers::after, .inb-v3-features::after, .inb-v3-gallery__stage::after, .inb-v3-location::after, .inb-v3-contact::before, .inb-v3-contact::after { z-index: -1; } .inb-v3-about::before { --inb-v3-decor-mask: var(--inb-v3-decor-leaf); --inb-v3-sway: inherit; top: clamp(1rem, 0.5rem + 2vw, 3rem); right: calc(-1 * clamp(7rem, 3rem + 9vw, 13rem)); width: clamp(12rem, 6rem + 14vw, 22rem); aspect-ratio: 231.24 / 464.26; background: var(--inb-v3-decor-ink-light); opacity: 0.07; transform: rotate(calc(-14deg + var(--inb-v3-sway, 0deg))); transform-origin: 50% 100%; } @media (max-width: 781px) { .inb-v3-about::before { top: -2.5rem; right: -4.25rem; width: 6.5rem; opacity: 0.07; } } .inb-v3-numbers::after { --inb-v3-decor-mask: var(--inb-v3-decor-leaf); left: calc(-1 * clamp(5rem, 2rem + 6vw, 9rem)); bottom: calc(-1 * clamp(3rem, 1rem + 4vw, 6rem)); width: clamp(10rem, 5rem + 11vw, 18rem); aspect-ratio: 231.24 / 464.26; background: var(--inb-v3-decor-ink-light); opacity: 0.06; transform: rotate(24deg); transform-origin: 50% 100%; } @media (max-width: 781px) { .inb-v3-numbers::after { content: none; } } .inb-v3-features { background-image: radial-gradient(ellipse 46rem 34rem at 76% clamp(14rem, 10rem + 10vw, 24rem), var(--inb-v3-decor-glow), transparent 70%), radial-gradient(ellipse 30rem 22rem at 8% 0%, var(--inb-v3-decor-glow-soft), transparent 70%); background-repeat: no-repeat; } .inb-v3-features::after { --inb-v3-decor-mask: var(--inb-v3-decor-waves); top: calc(var(--inb-v3-section-y) * 0.5); left: 0; width: 100%; aspect-ratio: 1600 / 480; background: var(--inb-v3-decor-ink-dark); opacity: 0.045; } @media (max-width: 781px) { .inb-v3-features { background-image: radial-gradient(ellipse 22rem 18rem at 92% 4rem, var(--inb-v3-decor-glow), transparent 70%); } .inb-v3-features::after { content: none; } } .inb-v3-gallery__stage { position: relative; } .inb-v3-gallery { background-image: radial-gradient(ellipse 52rem 36rem at 70% 50%, var(--inb-v3-decor-glow-soft), transparent 70%); background-repeat: no-repeat; } .inb-v3-gallery__stage::after { --inb-v3-decor-mask: var(--inb-v3-decor-terraces); right: clamp(1rem, 3vw, 3rem); bottom: clamp(0.25rem, 1svh, 1rem); width: min(20vw, 18rem); aspect-ratio: 480 / 360; opacity: 0.3; } @media (max-width: 781px) { .inb-v3-gallery { background-image: radial-gradient(ellipse 22rem 16rem at 90% 6rem, var(--inb-v3-decor-glow), transparent 70%); } .inb-v3-gallery__stage::after { content: none; } } .inb-v3-location::after { --inb-v3-decor-mask: var(--inb-v3-decor-terraces); right: calc(var(--inb-v3-gutter) * 0.35); bottom: calc(var(--inb-v3-section-y) * 0.35); width: min(30vw, 28rem); aspect-ratio: 480 / 360; opacity: 0.2; } @media (max-width: 781px) { .inb-v3-location::after { content: none; } } .inb-v3-contact { background-image: radial-gradient(ellipse 40rem 30rem at 88% 72%, var(--inb-v3-decor-glow), transparent 70%), radial-gradient(ellipse 36rem 24rem at 4% 100%, var(--inb-v3-decor-glow-soft), transparent 70%); background-repeat: no-repeat; } .inb-v3-contact::before { --inb-v3-decor-mask: var(--inb-v3-decor-leaf); right: calc(-1 * clamp(2rem, 1rem + 4vw, 6rem)); bottom: 0; width: clamp(12rem, 6rem + 10vw, 18rem); aspect-ratio: 231.24 / 464.26; background: var(--inb-v3-decor-ink-dark); opacity: 0.07; transform: rotate(-14deg); transform-origin: 50% 100%; } .inb-v3-contact::after { --inb-v3-decor-mask: var(--inb-v3-decor-terrace-lines); left: calc(-1 * min(8vw, 6rem)); bottom: 0; width: min(30vw, 24rem); aspect-ratio: 696.35 / 256.18; background: var(--inb-v3-decor-ink-dark); opacity: 0.06; } @media (max-width: 781px) { .inb-v3-contact { background-image: radial-gradient(ellipse 22rem 20rem at 100% 100%, var(--inb-v3-decor-glow), transparent 70%); } .inb-v3-contact::before { content: none; } .inb-v3-contact::after { left: -4rem; width: min(78vw, 20rem); opacity: 0.07; } } @supports (animation-timeline: view()) { @media (prefers-reduced-motion: no-preference) and (min-height: 30rem) and (min-width: 782px) { .inb-js:not(.inb-v3-fallback) .inb-v3-contact::before { animation: inb-v3-decor-drift linear both; animation-timeline: view(); animation-range: cover 0% cover 100%; } .inb-js:not(.inb-v3-fallback) .inb-v3-features::after { animation: inb-v3-decor-drift-far linear both; animation-timeline: view(); animation-range: cover 0% cover 100%; } } } @keyframes inb-v3-decor-drift { from { translate: 0 3rem; } to { translate: 0 -3rem; } } @keyframes inb-v3-decor-drift-far { from { translate: 0 6rem; } to { translate: 0 -6rem; } } @media print { .inb-v3-about::before, .inb-v3-numbers::after, .inb-v3-features::after, .inb-v3-gallery__stage::after, .inb-v3-location::after, .inb-v3-contact::before, .inb-v3-contact::after { content: none; } }