@font-face { font-family: 'Cinzel'; font-style: normal; font-weight: 400 900; font-display: swap; src: url(https://larandulina.com/wp-content/themes/la-randulina-site/assets/css/../fonts/cinzel-latin.woff2) format('woff2'); } @font-face { font-family: 'Cormorant Garamond'; font-style: normal; font-weight: 300 700; font-display: swap; src: url(https://larandulina.com/wp-content/themes/la-randulina-site/assets/css/../fonts/cormorant-garamond-latin.woff2) format('woff2'); } @font-face { font-family: 'Cormorant Garamond'; font-style: italic; font-weight: 300 700; font-display: swap; src: url(https://larandulina.com/wp-content/themes/la-randulina-site/assets/css/../fonts/cormorant-garamond-italic-latin.woff2) format('woff2'); } @font-face { font-family: 'Albert Sans'; font-style: normal; font-weight: 100 900; font-display: swap; src: url(https://larandulina.com/wp-content/themes/la-randulina-site/assets/css/../fonts/albert-sans-latin.woff2) format('woff2'); } @font-face { font-family: 'La Belle Aurore'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://larandulina.com/wp-content/themes/la-randulina-site/assets/css/../fonts/la-belle-aurore-latin.woff2) format('woff2'); }
:root { --lr-accent: var(--wp--preset--color--primary); --lr-accent-deep: #2C3921; --lr-secondary-deep: #8f451f; --lr-paper: var(--wp--preset--color--base); --lr-ground: var(--lr-paper); --lr-stone: var(--wp--preset--color--tertiary); --lr-bubble: var(--lr-stone); --lr-hairline: color-mix(in srgb, var(--wp--preset--color--contrast) 14%, transparent); --lr-disabled: color-mix(in srgb, var(--lr-accent-deep) 35%, #8E8E86); --lr-radius: 4px; --lr-radius-card: 16px; --lr-radius-field: 16px; --lr-blob: 63% 37% 54% 46% / 55% 48% 52% 45%; --lr-blob-stroke: min(2.23cqw, 2px); --lr-ease: cubic-bezier(.4,0,.2,1); --lr-dur-panel: 0.8s; --lr-dur-hairline: 0.5s; } .season-winter { --lr-accent: var(--wp--preset--color--winter); --lr-accent-deep: #1A3041; --lr-paper: var(--wp--preset--color--base-winter); --lr-ground: var(--wp--preset--color--ground-winter); --lr-stone: var(--wp--preset--color--tertiary-winter); } html body { background-color: var(--lr-ground); background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='320' height='320'><filter id='p' x='0' y='0' width='100%25' height='100%25'><feTurbulence type='fractalNoise' baseFrequency='0.7' numOctaves='4' seed='7' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.22  0 0 0 0 0.19  0 0 0 0 0.16  0 0 0 0.34 0'/></filter><rect width='100%25' height='100%25' filter='url(%23p)'/></svg>"); background-size: 320px 320px; transition: background-color 0.5s ease; } .season-summer [data-season='winter'], .season-winter [data-season='summer'] { display: none; } *, *::before, *::after { box-sizing: border-box; } :root .wp-element-button, :root .wp-block-button__link { font-family: var(--wp--preset--font-family--body); font-weight: 600; letter-spacing: .01em; font-size: .95rem; line-height: 1.1; padding: .95em 1.75em; border-radius: var(--lr-radius); border: 1px solid transparent; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; text-align: center; text-decoration: none; vertical-align: middle; white-space: nowrap; transition: background-color .18s var(--lr-ease), color .18s var(--lr-ease), border-color .18s var(--lr-ease); --lr-px: 1.75em; --lr-py: .95em; --lr-overhang: .1em; --lr-drop: .24em; position: relative; isolation: isolate; border-color: var(--lr-accent); background: transparent; } .wp-element-button.lr-btn--lg, .lr-btn--lg .wp-block-button__link { font-size: 1.05rem; padding: 1em 2em; --lr-px: 2em; --lr-py: 1em; } .wp-element-button.lr-btn--md, .lr-btn--md .wp-block-button__link { font-size: .95rem; padding: .9em 1.7em; --lr-px: 1.7em; --lr-py: .9em; } .wp-element-button.lr-btn--sm, .lr-btn--sm .wp-block-button__link { font-size: .85rem; padding: .7em 1.25em; --lr-px: 1.25em; --lr-py: .7em; } @media (pointer: coarse) { .wp-element-button.lr-btn--sm, .lr-btn--sm .wp-block-button__link { font-size: .95rem; padding: .9em 1.7em; --lr-px: 1.7em; --lr-py: .9em; } } .is-style-filled .wp-block-button__link, .wp-element-button.is-style-filled, a.lr-book-button { color: var(--lr-paper); border-color: transparent; transition: color .25s var(--lr-ease) .05s; } .is-style-filled .wp-block-button__link::before, .wp-element-button.is-style-filled::before, a.lr-book-button::before { content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 100%; z-index: -1; background: var(--lr-accent); border-radius: var(--lr-radius); transition: height .3s cubic-bezier(.7,0,.2,1), bottom .3s cubic-bezier(.7,0,.2,1), left .3s cubic-bezier(.7,0,.2,1), right .3s cubic-bezier(.7,0,.2,1), background-color .2s ease, border-radius .3s; } .is-style-filled .wp-block-button__link:hover:not(:disabled), .wp-element-button.is-style-filled:hover:not(:disabled), a.lr-book-button:not(.lr-book-button--arrow):hover { color: var(--lr-accent-deep); } .is-style-filled .wp-block-button__link:hover:not(:disabled)::before, .wp-element-button.is-style-filled:hover:not(:disabled)::before, a.lr-book-button:not(.lr-book-button--arrow):hover::before { height: 2px; bottom: calc(var(--lr-py) - var(--lr-drop)); left: calc(var(--lr-px) - var(--lr-overhang)); right: calc(var(--lr-px) - var(--lr-overhang)); border-radius: 0; background: var(--lr-accent-deep); } .is-style-filled .wp-block-button__link:active:not(:disabled), .wp-element-button.is-style-filled:active:not(:disabled), a.lr-book-button:not(.lr-book-button--arrow):active { color: var(--lr-paper); } .is-style-filled .wp-block-button__link:active:not(:disabled)::before, .wp-element-button.is-style-filled:active:not(:disabled)::before, a.lr-book-button:not(.lr-book-button--arrow):active::before { height: 100%; bottom: 0; left: 0; right: 0; border-radius: var(--lr-radius); background: var(--lr-accent-deep); } .is-style-outline .wp-block-button__link, .wp-element-button.is-style-outline { color: var(--lr-accent); border-color: transparent; transition: color .25s var(--lr-ease) .05s; } .is-style-outline .wp-block-button__link::before, .wp-element-button.is-style-outline::before { content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 100%; z-index: -1; border: 1px solid var(--lr-accent); border-radius: var(--lr-radius); transition: height .3s cubic-bezier(.7,0,.2,1), bottom .3s cubic-bezier(.7,0,.2,1), left .3s cubic-bezier(.7,0,.2,1), right .3s cubic-bezier(.7,0,.2,1), border-color .3s cubic-bezier(.7,0,.2,1), border-radius .3s cubic-bezier(.7,0,.2,1); } .is-style-outline .wp-block-button__link:hover:not(:disabled), .wp-element-button.is-style-outline:hover:not(:disabled) { color: var(--lr-accent-deep); } .is-style-outline .wp-block-button__link:hover:not(:disabled)::before, .wp-element-button.is-style-outline:hover:not(:disabled)::before { height: 2px; bottom: calc(var(--lr-py) - var(--lr-drop)); left: calc(var(--lr-px) - var(--lr-overhang)); right: calc(var(--lr-px) - var(--lr-overhang)); border-color: var(--lr-accent-deep); border-radius: 0; } .is-style-outline .wp-block-button__link:active:not(:disabled), .wp-element-button.is-style-outline:active:not(:disabled) { color: var(--lr-accent-deep); } .is-style-outline .wp-block-button__link:active:not(:disabled)::before, .wp-element-button.is-style-outline:active:not(:disabled)::before { height: 100%; bottom: 0; left: 0; right: 0; border-color: var(--lr-accent-deep); border-radius: var(--lr-radius); } .wp-element-button:disabled, .wp-block-button__link:disabled, .wp-element-button[aria-disabled='true'], .wp-block-button__link[aria-disabled='true'] { color: var(--lr-disabled); cursor: not-allowed; } .wp-element-button:disabled, .wp-block-button__link:disabled, .wp-element-button[aria-disabled='true'], .wp-block-button__link[aria-disabled='true'] { color: var(--lr-disabled); border-color: transparent; cursor: not-allowed; } .wp-element-button:disabled::before, .wp-block-button__link:disabled::before, .wp-element-button[aria-disabled='true']::before, .wp-block-button__link[aria-disabled='true']::before { background: color-mix(in srgb, var(--lr-accent) 22%, var(--lr-paper)); opacity: 1; } .is-style-outline .wp-block-button__link:disabled::before, .wp-element-button.is-style-outline:disabled::before { height: 100%; bottom: 0; left: 0; right: 0; border-width: 1px; border-color: color-mix(in srgb, var(--lr-accent) 22%, var(--lr-paper)); border-radius: var(--lr-radius); } .entry-content :where(p, li, dd, dt, figcaption, blockquote, cite) a:not([class]) { font-weight: 600; color: var(--wp--preset--color--contrast); text-decoration: underline; text-decoration-thickness: 1.5px; text-underline-offset: 0.18em; text-decoration-color: transparent; transition: color .3s var(--lr-ease), text-decoration-color .3s var(--lr-ease); } .entry-content :where(p, li, dd, dt, figcaption, blockquote, cite) a:not([class]):hover { color: var(--lr-accent-deep); text-decoration-color: var(--lr-accent-deep); } .lr-link { position: relative; font-family: var(--wp--preset--font-family--body); font-weight: 600; color: var(--wp--preset--color--contrast); text-decoration: none; white-space: nowrap; transition: color .3s var(--lr-ease); } .lr-link::after { content: ''; position: absolute; left: 0; width: 100%; top: 100%; pointer-events: none; } .lr-link::after { height: 1.5px; background: var(--lr-accent-deep); transform: scale3d(0,1,1); transform-origin: 100% 50%; transition: transform .3s var(--lr-ease); } .lr-link:hover { color: var(--lr-accent-deep); } .lr-link:hover::after { transform: scale3d(1,1,1); transform-origin: 0% 50%; } .lr-link--lg { font-size: 1.3rem; } .lr-link--md { font-size: 1.1rem; } .lr-link--sm { font-size: .95rem; } .lr-link--pen { color: var(--wp--preset--color--contrast); font-family: var(--wp--preset--font-family--heading); font-weight: 600; } .lr-link--pen::after { display: none; } .lr-link--pen.lr-link--lg { font-size: 1.55rem; } .lr-link--pen.lr-link--md { font-size: 1.3rem; } .lr-link--pen.lr-link--sm { font-size: 1.15rem; } .lr-link--pen .lr-pen { position: absolute; left: 0; bottom: -.42em; width: 100%; height: .5em; overflow: visible; pointer-events: none; } .lr-link--pen .lr-pen path { fill: none; stroke: var(--wp--preset--color--secondary); stroke-width: 2.5; stroke-linecap: round; stroke-dasharray: 100; stroke-dashoffset: 100; transition: stroke-dashoffset .55s var(--lr-ease); } .lr-link--pen:hover { color: var(--lr-secondary-deep); } .lr-link--pen:hover .lr-pen path { stroke-dashoffset: 0; } .lr-blob, .lr-blob--a { background: var(--lr-accent); border-radius: 63% 37% 54% 46% / 55% 48% 52% 45%; } .lr-blob--b { border-radius: 42% 58% 67% 33% / 60% 38% 62% 40%; } .lr-blob--sm { width: 2.5rem; height: 2.5rem; } .lr-blob--md { width: 5rem; height: 5rem; } .lr-blob--lg { width: 9rem; height: 9rem; } a.lr-book-button--arrow { position: relative; isolation: isolate; background: none; border: none; color: var(--lr-paper); padding-left: 2.1em; padding-right: 2.1em; white-space: nowrap; text-align: center; } a.lr-book-button--arrow::before { content: ''; position: absolute; inset: 0; z-index: -1; background: var(--lr-accent); border-radius: var(--lr-radius); clip-path: polygon(0 0, 100% 0, 100% 50%, 100% 100%, 0 100%); transition: clip-path .4s cubic-bezier(.2,1,.8,1), background-color .3s ease; } a.lr-book-button--arrow:hover::before { background: var(--lr-accent-deep); clip-path: polygon(0 0, 78% 0, 100% 50%, 78% 100%, 0 100%); } a.lr-book-button--arrow:hover::before { height: 100%; left: 0; right: 0; border-radius: var(--lr-radius); } a.lr-book-button--arrow:hover { color: var(--lr-paper); } a.lr-book-button--arrow .lr-book-button__label { display: block; transition: transform .4s cubic-bezier(.2,1,.8,1); } a.lr-book-button--arrow:hover .lr-book-button__label { transform: translate3d(-.45em,0,0); } .lr-ask-button { font-family: var(--wp--preset--font-family--body); font-weight: 600; letter-spacing: .01em; font-size: .95rem; line-height: 1.1; padding: .95em 1.75em; border-radius: var(--lr-radius); border: 1px solid transparent; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; text-align: center; text-decoration: none; vertical-align: middle; white-space: nowrap; transition: background-color .18s var(--lr-ease), color .18s var(--lr-ease), border-color .18s var(--lr-ease); --lr-px: 1.75em; --lr-py: .95em; --lr-overhang: .1em; --lr-drop: .24em; font-size: .95rem; padding: .9em 1.7em; --lr-px: 1.7em; --lr-py: .9em; position: relative; isolation: isolate; background: none; border: none; color: var(--lr-accent-deep); overflow: visible; transition: transform .3s cubic-bezier(.7,0,.2,1); } .has-tertiary-background-color, .has-tertiary-winter-background-color { --lr-bubble: var(--lr-paper); } .lr-ask-button::before { content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: -10px; z-index: -1; background: var(--lr-bubble); border-radius: var(--lr-radius); clip-path: polygon(0 0, 100% 0, 100% calc(100% - 10px), 34% calc(100% - 10px), 30% calc(100% - 10px), 26% calc(100% - 10px), 0 calc(100% - 10px)); transition: clip-path .3s cubic-bezier(.7,0,.2,1); } .lr-ask-button:hover { transform: translate3d(0,-6px,0); } .lr-ask-button:hover::before { clip-path: polygon(0 0, 100% 0, 100% calc(100% - 10px), 34% calc(100% - 10px), 30% 100%, 26% calc(100% - 10px), 0 calc(100% - 10px)); } .lr-ask-button__label { display: block; position: relative; overflow: hidden; line-height: 1.1; } .lr-ask-button__label span { display: block; } .lr-ask-button:hover .lr-ask-button__label span { animation: MoveUpInitial .15s forwards, MoveUpEnd .15s forwards .15s; } @keyframes MoveUpInitial { to { transform: translate3d(0, -105%, 0); } } @keyframes MoveUpEnd { from { transform: translate3d(0, 100%, 0); } to { transform: translate3d(0, 0, 0); } } .lr-testimonial { display: grid; grid-template-columns: 5rem 1fr; gap: 1rem var(--wp--preset--spacing--30); align-items: start; } .lr-testimonial__portrait { width: 5rem; height: 5rem; border-radius: var(--lr-blob); background: linear-gradient(135deg, var(--lr-accent), var(--lr-accent-deep)); grid-row: 1 / span 2; } .lr-testimonial__quote { font-family: var(--wp--preset--font-family--hand); font-size: 1.7rem; line-height: 1.25; margin: 0; color: var(--wp--preset--color--contrast); } .lr-testimonial__name { font-size: var(--wp--preset--font-size--medium); margin: 0; } .lr-testimonial__name .lr-link--pen { font-weight: 600; } .lr-testimonial--no-portrait { grid-template-columns: 1fr; } .lr-testimonial__portrait { object-fit: cover; } .lr-testimonial { background-color: var(--lr-stone); border-radius: 8px; padding: var(--wp--preset--spacing--30); } .lr-testimonial--no-portrait { background-color: transparent; border-radius: 0; padding: 0; } .lr-testimonial--photo { grid-template-columns: 1fr; background-color: transparent; border-radius: 0; padding: 0; } .lr-testimonial--photo .lr-testimonial__portrait { width: 100%; height: auto; aspect-ratio: 4 / 3; border-radius: var(--lr-radius-card); background: none; grid-row: auto; } a:focus-visible, button:focus-visible, .wp-element-button:focus-visible, .lr-season-switch__button:focus-visible { outline: 1px solid var(--wp--preset--color--secondary); outline-offset: 3px; } .lr-field { display: block; margin-bottom: var(--wp--preset--spacing--30); } .lr-field:last-child { margin-bottom: 0; } .lr-field > .lr-field__label { display: block; font-family: var(--wp--preset--font-family--body); font-weight: 600; font-size: var(--wp--preset--font-size--small); letter-spacing: .01em; margin-bottom: .55rem; } .lr-field__label .lr-field__required { color: var(--lr-secondary-deep); font-weight: 400; } .lr-field__control { position: relative; display: block; } .lr-field input, .lr-field textarea, .lr-field select, .lr-field .lr-combo__button { font-family: var(--wp--preset--font-family--body); font-size: var(--wp--preset--font-size--medium); font-weight: 400; color: var(--wp--preset--color--contrast); line-height: 1.4; width: 100%; padding: 1em 1.2em; background: var(--lr-bubble, var(--lr-paper)); border: 1px solid color-mix(in srgb, var(--wp--preset--color--contrast) 22%, transparent); border-radius: var(--lr-radius-field); appearance: none; text-align: left; transition: border-color .18s var(--lr-ease), box-shadow .18s var(--lr-ease), background-color .18s var(--lr-ease); } .lr-field input:focus, .lr-field textarea:focus, .lr-field select:focus, .lr-field .lr-combo__button:focus, .lr-field input:focus-visible, .lr-field textarea:focus-visible, .lr-field select:focus-visible, .lr-field .lr-combo__button:focus-visible { outline: none; box-shadow: none; border-color: var(--lr-accent); } .lr-field textarea { min-height: 9rem; resize: vertical; } .lr-field ::placeholder { color: color-mix(in srgb, var(--wp--preset--color--contrast) 42%, var(--lr-paper)); opacity: 1; } .lr-field select { padding-right: 2.6em; cursor: pointer; } .lr-field .lr-chevron { position: absolute; right: 1em; top: 50%; width: .62em; height: .62em; margin-top: -.42em; border-right: 1.5px solid var(--lr-accent); border-bottom: 1.5px solid var(--lr-accent); transform: rotate(45deg); pointer-events: none; } .lr-field__help { display: block; font-size: var(--wp--preset--font-size--small); color: color-mix(in srgb, var(--wp--preset--color--contrast) 76%, var(--lr-paper)); margin-top: .4rem; } .lr-field.is-error input, .lr-field.is-error textarea, .lr-field.is-error select, .lr-field.is-error .lr-combo__button { border-color: var(--lr-secondary-deep); } .lr-field.is-error input:focus, .lr-field.is-error .lr-combo__button:focus { box-shadow: none; border-color: var(--lr-secondary-deep); } .lr-field__error { display: flex; gap: .4rem; align-items: baseline; font-size: var(--wp--preset--font-size--small); font-weight: 600; color: var(--lr-secondary-deep); margin-top: .4rem; } .lr-field input:disabled, .lr-field textarea:disabled, .lr-field select:disabled { color: var(--lr-disabled); cursor: not-allowed; background: color-mix(in srgb, var(--wp--preset--color--contrast) 5%, var(--lr-paper)); } .lr-choice { display: grid; grid-template-columns: 1.4rem 1fr; gap: .7rem; align-items: start; font-size: var(--wp--preset--font-size--medium); line-height: 1.5; margin: .55rem 0; cursor: pointer; } .lr-choice input { appearance: none; inline-size: 1.4rem; block-size: 1.4rem; margin: 0; align-self: start; margin-block-start: calc((1.5 * var(--wp--preset--font-size--medium) - 1.4rem) / 2); background: var(--lr-bubble, var(--lr-paper)); border: 1px solid color-mix(in srgb, var(--wp--preset--color--contrast) 30%, transparent); border-radius: 4px; cursor: pointer; transition: background-color .18s var(--lr-ease), border-color .18s var(--lr-ease); position: relative; } .lr-choice input[type='radio'] { border-radius: 50%; } .lr-choice input:focus-visible { box-shadow: 0 0 0 3px color-mix(in srgb, var(--lr-accent) 30%, transparent); } .lr-choice input:checked { background: var(--lr-accent); border-color: var(--lr-accent); } .lr-choice input[type='checkbox'] { background-repeat: no-repeat; background-position: center; } .lr-choice input[type='checkbox']:checked { background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%23FBF8F3' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'><path d='M5 10.5 8.4 14 15 6.6'/></svg>"); background-size: 100% 100%; } .lr-choice input[type='radio']:checked { background-image: none; } .lr-fieldset { border: 0; padding: 0; margin: 0 0 var(--wp--preset--spacing--30); } .lr-fieldset > legend { font-family: var(--wp--preset--font-family--body); font-weight: 600; font-size: var(--wp--preset--font-size--small); padding: 0; margin-bottom: .35rem; } .lr-combo { position: relative; } .lr-combo__button { display: flex; align-items: center; justify-content: space-between; gap: 1em; cursor: pointer; } .lr-combo__button .lr-chevron { position: static; margin: 0 0 .18em; flex: none; } .lr-combo__list { position: absolute; left: 0; right: 0; z-index: 40; margin: 0; padding: .4rem; list-style: none; background: var(--lr-paper); border: 1px solid color-mix(in srgb, var(--wp--preset--color--contrast) 18%, transparent); border-radius: var(--lr-radius-field); box-shadow: 0 12px 32px rgb(59 42 30 / .14); max-height: 16rem; overflow-y: auto; opacity: 0; visibility: hidden; transform: translateY(-.35rem); transition: opacity .18s var(--lr-ease), transform .18s var(--lr-ease), visibility .18s; } .lr-combo--down .lr-combo__list { top: calc(100% + .4rem); } .lr-combo--up .lr-combo__list { bottom: calc(100% + .4rem); transform: translateY(.35rem); } .lr-combo.is-open .lr-combo__list { opacity: 1; visibility: visible; transform: translateY(0); } .lr-combo__option { padding: .6em .75em; border-radius: calc(var(--lr-radius-field) - 6px); cursor: pointer; font-size: var(--wp--preset--font-size--medium); line-height: 1.35; transition: background-color .12s var(--lr-ease); } .lr-combo__option[aria-selected='true'] { font-weight: 600; } .lr-combo__option:hover, .lr-combo__option.is-active { background: color-mix(in srgb, var(--lr-accent) 12%, transparent); } .lr-combo__option[aria-selected='true']::after { content: '·'; margin-left: .5em; color: var(--lr-accent); } .lr-card { position: relative; display: flex; flex-direction: column; cursor: pointer; background: var(--lr-paper); border: 1px solid var(--lr-hairline); border-radius: var(--lr-radius-card); overflow: hidden; transition: border-color .3s var(--lr-ease), background-color .3s var(--lr-ease); } .lr-card:hover { border-color: color-mix(in srgb, var(--lr-accent) 55%, var(--lr-hairline)); } .lr-card .wp-block-image, .lr-card__shot { position: relative; aspect-ratio: 3/2; overflow: hidden; background: linear-gradient(135deg, var(--lr-accent), var(--lr-accent-deep)); } .lr-card .wp-block-image img { width: 100%; height: 100%; object-fit: cover; transition: transform .8s var(--lr-ease); } .lr-card:hover .wp-block-image img { transform: scale(1.04); } .lr-card__body { padding: var(--wp--preset--spacing--30); display: flex; flex-direction: column; gap: .55rem; flex: 1; } .lr-card__title { font-family: var(--wp--preset--font-family--heading); font-weight: 600; font-size: var(--wp--preset--font-size--large); line-height: 1.15; margin: 0; } .lr-card__title a { font-family: inherit; font-size: inherit; color: var(--wp--preset--color--contrast); text-decoration: none; } .lr-card:hover .lr-card__title a { color: var(--lr-accent-deep); } .lr-card__body p { margin: 0; font-size: var(--wp--preset--font-size--small); color: color-mix(in srgb, var(--wp--preset--color--contrast) 78%, var(--lr-paper)); } .lr-card__facts { list-style: none; margin: .2rem 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: .35rem .9rem; font-size: var(--wp--preset--font-size--small); color: color-mix(in srgb, var(--wp--preset--color--contrast) 70%, var(--lr-paper)); } .lr-card__facts li { display: flex; gap: .4rem; align-items: center; } .lr-facts > li > strong, .lr-card__facts > li > strong { display: block; } .lr-card__facts .lr-icon { flex: none; color: var(--lr-accent); } .lr-card__foot { margin-top: auto; padding-top: .4rem; } .lr-card__title a::after { content: ''; position: absolute; inset: 0; } .lr-card__foot .lr-link { position: relative; z-index: 1; } .lr-card .wp-block-image img { border-radius: 0; } .lr-card:hover .lr-card__foot .lr-link { color: var(--lr-accent-deep); } .lr-card:hover .lr-card__foot .lr-link::after { transform: scale3d(1,1,1); transform-origin: 0% 50%; } .lr-card-row { display: grid; grid-template-columns: repeat(1, minmax(0,1fr)); gap: var(--wp--preset--spacing--30); } @media (min-width:48rem) { .lr-card-row { grid-template-columns: repeat(2, minmax(0,1fr)); } } @media (min-width:64rem) { .lr-card-row { grid-template-columns: repeat(3, minmax(0,1fr)); } } .lr-panels { --lr-panel-a: #2b3a2a; --lr-panel-b: #4a5a44; --lr-panel-c: #7a8a6a; position: relative; display: grid; grid-template-columns: 1fr; isolation: isolate; overflow: clip; border-radius: 0; background-color: var(--wp--preset--color--contrast); background-image: linear-gradient(135deg, var(--lr-panel-a) 0%, var(--lr-panel-b) 48%, var(--lr-panel-c) 100%); background-size: cover; background-position: center; } .season-winter .lr-panels { --lr-panel-a: #1a3041; --lr-panel-b: #2f5474; --lr-panel-c: #7d9bb5; } .lr-panel { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; overflow: clip; padding: var(--wp--preset--spacing--40) var(--wp--preset--spacing--20); text-align: center; text-decoration: none; color: var(--wp--preset--color--snow); background-color: rgb(15 22 18 / .6); transition: background-color 420ms cubic-bezier(.22,.61,.36,1); min-height: 14rem; background-color: rgb(15 22 18 / .6); } .lr-panel__photo { position: absolute; inset: 0; inline-size: 100%; block-size: 100%; object-fit: cover; object-position: center; transition: transform var(--lr-dur-panel) var(--lr-ease); z-index: -1; } .lr-panel:hover .lr-panel__photo, .lr-panel:focus-visible .lr-panel__photo { transform: scale(1.05); } .lr-panel__shape { position: absolute; z-index: 0; pointer-events: none; font-size: var(--wp--preset--font-size--x-large); inline-size: min(88%, 8.5em); aspect-ratio: 1; background-color: rgb(15 22 18 / .22); border-radius: var(--lr-blob); transition: border-radius 380ms cubic-bezier(.34,1.56,.64,1), transform 380ms cubic-bezier(.34,1.56,.64,1), background-color 420ms cubic-bezier(.22,.61,.36,1); } .lr-panel:nth-child(even) .lr-panel__shape { border-radius: 42% 58% 67% 33% / 60% 38% 62% 40%; transform: rotate(-12deg); } .lr-panel:hover .lr-panel__shape, .lr-panel:focus-visible .lr-panel__shape { border-radius: 42% 58% 67% 33% / 60% 38% 62% 40%; transform: rotate(8deg); } .lr-panel:nth-child(even):hover .lr-panel__shape, .lr-panel:nth-child(even):focus-visible .lr-panel__shape { border-radius: 63% 37% 54% 46% / 55% 48% 52% 45%; transform: rotate(-4deg); } .lr-panel__label, .lr-panel__intro { position: relative; z-index: 1; } .lr-panel + .lr-panel::before { content: ''; position: absolute; inset-block: 0; inset-inline-start: 0; width: 1px; background-color: rgb(255 255 255 / .22); } .lr-panels:has(.lr-panel:hover) .lr-panel:not(:hover), .lr-panels:has(.lr-panel:focus-visible) .lr-panel:not(:focus-visible) { background-color: rgb(15 22 18 / .76); } .lr-panel:hover, .lr-panel:focus-visible { background-color: rgb(15 22 18 / .56); } .lr-panel:focus-visible { outline: 3px solid var(--wp--preset--color--snow); outline-offset: -8px; } .lr-panel__label { font-family: var(--wp--preset--font-family--heading); font-weight: 600; font-size: var(--wp--preset--font-size--x-large); line-height: 1.15; letter-spacing: -0.01em; text-shadow: 0 1px 24px rgb(15 22 18 / .55); text-wrap: balance; color: color-mix(in srgb, #FFFFFF 64%, var(--lr-panel-c)); transition: color 380ms ease; min-height: 2.3em; display: flex; align-items: flex-start; justify-content: center; max-inline-size: 7em; } .lr-panel:hover .lr-panel__label, .lr-panel:focus-visible .lr-panel__label { color: #FFFFFF; } .lr-panel__intro { display: block; max-width: 22ch; min-height: 6em; margin-block-start: .75em; font-family: var(--wp--preset--font-family--body); font-size: var(--wp--preset--font-size--small); line-height: 1.5; opacity: 0; translate: 0 .5rem; transition: opacity 380ms ease, translate 380ms ease; color: var(--wp--preset--color--snow); opacity: .92; translate: 0 0; } .lr-panel:hover .lr-panel__intro, .lr-panel:focus-visible .lr-panel__intro { opacity: .92; translate: 0 0; } @media (min-width:48rem) { .lr-panels { grid-template-columns: repeat(2,1fr); min-height: min(78svh, 44rem); } .lr-panel { min-height: 0; background-color: rgb(15 22 18 / .6); } } @media (min-width:48rem) and (hover: hover) { .lr-panel__intro { opacity: 0; translate: 0 .5rem; } } @media (min-width:64rem) { .lr-panels { grid-template-columns: repeat(4,1fr); } } .lr-faq { border-top: 1px solid var(--lr-hairline); } .lr-faq__title { font-family: var(--wp--preset--font-family--heading); font-weight: 600; font-size: var(--wp--preset--font-size--x-large); line-height: 1.1; margin: 0 0 var(--wp--preset--spacing--20); } .lr-faq .wp-block-details { border-bottom: 1px solid var(--lr-hairline); } .lr-faq .wp-block-details > summary { list-style: none; cursor: pointer; display: flex; align-items: baseline; gap: 1rem; justify-content: space-between; font-family: var(--wp--preset--font-family--heading); font-weight: 600; font-size: var(--wp--preset--font-size--large); line-height: 1.25; color: var(--wp--preset--color--contrast); padding: var(--wp--preset--spacing--30) 0; transition: color .18s var(--lr-ease); } .lr-faq .wp-block-details > summary::-webkit-details-marker { display: none; } .lr-faq .wp-block-details > summary:hover { color: var(--lr-accent-deep); } .lr-faq .wp-block-details > summary:focus-visible { outline: 1px solid var(--wp--preset--color--secondary); outline-offset: 3px; } .lr-faq .lr-mark { position: relative; flex: none; width: 1.1rem; height: 1.1rem; margin-top: .35rem; } .lr-faq .lr-mark::before, .lr-faq .lr-mark::after { content: ''; position: absolute; background: var(--lr-accent); border-radius: 1px; transition: transform .3s var(--lr-ease), opacity .3s var(--lr-ease); } .lr-faq .lr-mark::before { left: 0; right: 0; top: 50%; height: 1.5px; margin-top: -.75px; } .lr-faq .lr-mark::after { top: 0; bottom: 0; left: 50%; width: 1.5px; margin-left: -.75px; } .lr-faq .wp-block-details[open] .lr-mark::after { transform: scaleY(0); opacity: 0; } .lr-faq .wp-block-details[open] > summary { color: var(--lr-accent-deep); } .lr-faq .lr-answer { overflow: hidden; } .lr-faq .lr-answer__body { max-width: 38rem; } .lr-faq .lr-answer__inner { padding: 0 0 var(--wp--preset--spacing--30); } .lr-faq .lr-answer__inner > :first-child { margin-top: 0; } .lr-faq .lr-answer__inner > :last-child { margin-bottom: 0; } @media (prefers-reduced-motion: reduce) { .lr-faq .lr-answer, .lr-faq .lr-answer__inner { transition: none; } } .wp-block-image { margin: 0; } .wp-block-image img, .wp-block-image.is-style-lr-blob .lr-frame, .wp-block-cover.is-style-lr-band { position: relative; overflow: hidden; border-radius: var(--lr-radius-card); background: linear-gradient(135deg, var(--lr-accent), var(--lr-accent-deep)); } .wp-block-image figcaption { font-size: var(--wp--preset--font-size--small); color: color-mix(in srgb, var(--wp--preset--color--contrast) 65%, var(--lr-paper)); margin-top: .5rem; } .wp-block-image.is-style-lr-blob { position: relative; isolation: isolate; container-type: inline-size; } .wp-block-image.is-style-lr-blob .lr-frame { overflow: visible; border-radius: var(--lr-blob); z-index: 0; container-type: inline-size; } .wp-block-image.is-style-lr-blob .lr-frame > img { object-fit: cover; border-radius: var(--lr-blob); } .wp-block-image.is-style-lr-blob .lr-frame::after { content: ''; position: absolute; inset: 4% 0; z-index: 1; border: var(--lr-blob-stroke) solid var(--lr-accent); border-radius: 58% 42% 55% 45% / 56% 45% 55% 44%; transform: rotate(-34deg) translate3d(0,-3px,0); } .wp-block-image.alignfull img, .wp-block-cover.is-style-lr-band { border-radius: 0; } .wp-block-image.alignfull figcaption { padding-inline: var(--wp--preset--spacing--30); } .wp-block-cover .wp-block-cover__background { position: absolute; inset: 0; background: linear-gradient(180deg, transparent 40%, rgba(59,42,30,.55)); } .wp-block-cover .wp-block-cover__background.has-background-dim { background-color: transparent; opacity: 1; } .wp-block-cover.is-style-lr-band { aspect-ratio: 21/9; } .wp-block-cover.is-style-lr-band { min-height: 0; } .wp-block-cover :where(h1, h2, h3, h4, h5, h6) { font-family: var(--wp--preset--font-family--heading); font-weight: 600; font-size: var(--wp--preset--font-size--x-large); margin: 0; line-height: 1.1; } .wp-block-cover p { margin: .25rem 0 0; font-size: var(--wp--preset--font-size--small); color: color-mix(in srgb, var(--lr-paper) 88%, transparent); } .lr-section-header { display: grid; grid-template-columns: 1fr; column-gap: var(--wp--preset--spacing--30); align-items: end; margin-bottom: var(--wp--preset--spacing--40); } .lr-section-header__text { max-width: 38rem; grid-column: 1; } .lr-section-header__eyebrow { display: block; font-family: var(--wp--preset--font-family--body); font-weight: 600; font-size: .78rem; text-transform: uppercase; letter-spacing: .09em; color: var(--lr-accent); margin-bottom: .5rem; } .lr-section-header__title { font-family: var(--wp--preset--font-family--heading); font-weight: 600; font-size: var(--wp--preset--font-size--xx-large); line-height: 1.05; letter-spacing: -0.01em; margin: 0; } .lr-section-header__deck { grid-column: 1; margin: .6rem 0 0; font-size: var(--wp--preset--font-size--medium); color: color-mix(in srgb, var(--wp--preset--color--contrast) 80%, var(--lr-paper)); } .lr-section-header__aside { grid-column: 1; padding-top: .6rem; } @media (min-width:48rem) { .lr-section-header { grid-template-columns: minmax(0,1fr) auto; } .lr-section-header__aside { grid-column: 2; grid-row: 1; padding-top: 0; padding-bottom: .35rem; } } .wp-block-table { overflow-x: auto; } .wp-block-table table { width: 100%; border-collapse: collapse; font-size: var(--wp--preset--font-size--medium); min-width: 26rem; } .wp-block-table caption, .wp-block-table figcaption { text-align: left; font-size: var(--wp--preset--font-size--small); color: color-mix(in srgb, var(--wp--preset--color--contrast) 65%, var(--lr-paper)); padding-bottom: .6rem; } .wp-block-table td, .wp-block-table th { border: 0; padding: 0; } .wp-block-table th { font-family: var(--wp--preset--font-family--body); font-weight: 600; font-size: .78rem; text-transform: uppercase; letter-spacing: .08em; color: color-mix(in srgb, var(--wp--preset--color--contrast) 70%, var(--lr-paper)); text-align: left; padding: .7rem .9rem; border-bottom: 1.5px solid color-mix(in srgb, var(--wp--preset--color--contrast) 25%, transparent); white-space: nowrap; } .wp-block-table td { padding: .8rem .9rem; border-bottom: 1px solid var(--lr-hairline); vertical-align: baseline; } .wp-block-table tbody th, .wp-block-table tbody tr > :first-child { font-weight: 600; text-transform: none; letter-spacing: 0; font-size: var(--wp--preset--font-size--medium); color: var(--wp--preset--color--contrast); white-space: nowrap; } .wp-block-table tbody tr > :first-child .lr-with-icon { display: inline-flex; align-items: center; gap: .6rem; } .wp-block-table .lr-icon { flex: none; inline-size: 1.45rem; block-size: 1.45rem; color: var(--lr-accent); } .wp-block-table .lr-quiet { color: color-mix(in srgb, var(--wp--preset--color--contrast) 58%, var(--lr-paper)); } .wp-block-table tbody tr { transition: background-color .18s var(--lr-ease); } .wp-block-table tbody tr:hover { background: color-mix(in srgb, var(--lr-accent) 7%, transparent); } .wp-block-table tbody tr:last-child td { border-bottom: none; } .wp-block-table :where(td, th).has-text-align-right { text-align: right; font-variant-numeric: tabular-nums; } .wp-block-table th.has-text-align-right { text-align: right; } .wp-block-group.is-style-lr-notice, .wp-block-group.is-style-lr-attention { position: relative; padding: var(--wp--preset--spacing--30); padding-inline-start: calc(var(--wp--preset--spacing--30) + .35rem); border-radius: 0 var(--lr-radius-card) var(--lr-radius-card) 0; font-size: var(--wp--preset--font-size--medium); background: color-mix(in srgb, var(--wp--preset--color--contrast) 4%, var(--lr-paper)); } .wp-block-group.is-style-lr-notice .lr-rule, .wp-block-group.is-style-lr-attention .lr-rule { position: absolute; inset-block: 0; inset-inline-start: 0; inline-size: 3px; block-size: 100%; overflow: visible; pointer-events: none; } .wp-block-group.is-style-lr-notice .lr-rule path, .wp-block-group.is-style-lr-attention .lr-rule path { fill: none; stroke: var(--lr-accent); stroke-width: 2.5; stroke-linecap: butt; vector-effect: non-scaling-stroke; } .wp-block-group.is-style-lr-notice :where(h1, h2, h3, h4, h5, h6), .wp-block-group.is-style-lr-attention :where(h1, h2, h3, h4, h5, h6) { font-family: var(--wp--preset--font-family--body); font-weight: 600; font-size: var(--wp--preset--font-size--small); text-transform: uppercase; letter-spacing: .07em; margin: 0 0 .35rem; color: var(--lr-accent-deep); } .wp-block-group.is-style-lr-notice p, .wp-block-group.is-style-lr-attention p { margin: 0; } .wp-block-group.is-style-lr-notice p + p, .wp-block-group.is-style-lr-attention p + p { margin-top: .5rem; } .wp-block-group.is-style-lr-attention { background: color-mix(in srgb, var(--wp--preset--color--secondary) 6%, var(--lr-paper)); } .wp-block-group.is-style-lr-attention .lr-rule path { stroke: var(--wp--preset--color--secondary); } .wp-block-group.is-style-lr-attention :where(h1, h2, h3, h4, h5, h6) { color: var(--lr-secondary-deep); } .lr-form-note { margin-block-end: var(--wp--preset--spacing--30); scroll-margin-block-start: var(--wp--preset--spacing--40); } .lr-form-note:focus-visible { outline: 1px solid var(--wp--preset--color--secondary); outline-offset: 3px; } .lr-form-note .lr-link { margin-top: .5rem; display: inline-block; } .wp-block-group.is-style-lr-notice > .lr-rule, .wp-block-group.is-style-lr-attention > .lr-rule { margin: 0; } .lr-icon { display: inline-block; inline-size: 1.5rem; block-size: 1.5rem; fill: currentColor; stroke: none; } .lr-icon--sm { inline-size: 1.15rem; block-size: 1.15rem; } .lr-icon--lg { inline-size: 2rem; block-size: 2rem; } .lr-facts { --fact-icon: 2rem; --fact-gutter: calc(var(--fact-icon) + var(--wp--preset--spacing--20)); } .lr-facts > li { padding-inline-start: var(--fact-gutter); } .lr-facts > li > strong > .lr-icon { inline-size: var(--fact-icon); block-size: var(--fact-icon); margin-inline-start: calc(0px - var(--fact-gutter)); margin-inline-end: var(--wp--preset--spacing--20); vertical-align: middle; color: var(--lr-accent); } .lr-hand-aside { font-family: var(--wp--preset--font-family--hand); font-size: 1.25rem; line-height: 1.45; font-weight: 400; color: var(--lr-accent); margin: 0; max-inline-size: 26ch; text-wrap: balance; } .lr-field, .lr-fieldset, .lr-choice, .wp-element-button, .wp-block-button__link, .lr-ask-button { max-inline-size: var(--wp--style--global--content-size); } .wp-block-button.wp-block-button__width-100 .wp-block-button__link { max-inline-size: var(--wp--style--global--content-size); } :root .lr-card-row > *, :root .lr-card > *, :root .lr-card__body > *, :root .lr-section-header > *, :root .lr-section-header__text > *:not(.lr-section-header__deck), :root .lr-faq > *, :root .lr-faq .lr-answer { margin-block-start: 0; } .screen-reader-text { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip-path: inset(50%); border: 0; white-space: nowrap; word-wrap: normal; } .screen-reader-text:focus { position: fixed; top: 1rem; left: 1rem; z-index: 100000; width: auto; height: auto; margin: 0; padding: 0.9em 1.7em; clip-path: none; background-color: var(--wp--preset--color--base); color: var(--wp--preset--color--contrast); border-radius: var(--lr-radius); box-shadow: 0 2px 12px rgb(59 42 30 / 0.28); text-decoration: none; } @media (prefers-reduced-motion: reduce) { .lr-card .wp-block-image img, .lr-panel, .lr-panel__label, .lr-panel__intro, .lr-field input, .lr-field textarea, .lr-field select, .lr-combo__button, .lr-combo__list, .lr-combo__option, .lr-choice input, .wp-block-table tbody tr, .lr-faq .wp-block-details > summary, .lr-faq .lr-mark::before, .lr-faq .lr-mark::after, .wp-element-button, .wp-element-button::before, .wp-block-button__link, .wp-block-button__link::before, .lr-link::after, .lr-link--pen .lr-pen path, .lr-book-button--arrow::before, .lr-book-button__label, .lr-ask-button, .lr-ask-button::before, .lr-ask-button__label span, body { transition: none !important; animation: none !important; } }
.lr-season-switch { --lr-orbit: 2.2rem; --lr-size: 2.8rem; --lr-swap: .85s; --lr-swap-ease: cubic-bezier(.55,.05,.3,1); } .lr-season-switch__button { position: relative; width: 3rem; height: 3rem; border: none; background: none; cursor: pointer; padding: 0; container-type: inline-size; display: inline-grid; place-items: center; isolation: isolate; color: var(--lr-paper); font-size: 1.15rem; line-height: 1; } .lr-season-switch__button::before { content: ''; position: absolute; inset: 0; z-index: -1; background: var(--lr-accent); border-radius: var(--lr-blob); border: 1px solid var(--lr-accent); transition: border-radius .5s cubic-bezier(.585,2.5,.645,.55), transform .5s cubic-bezier(.585,2.5,.645,.55), background-color .4s ease; } .lr-season-switch__button::after { content: ''; position: absolute; inset: 4% 0; z-index: -1; border: var(--lr-blob-stroke) solid var(--lr-accent-deep); border-radius: 58% 42% 55% 45% / 56% 45% 55% 44%; transform: rotate(-20deg); transition: transform .5s cubic-bezier(.585,2.5,.645,.55); } .lr-season-switch__icon { position: relative; } .lr-season-switch__button[aria-pressed='false'] { color: var(--lr-accent); } .lr-season-switch__button[aria-pressed='false']::before { background: transparent; } .lr-season-switch__button[aria-pressed='false']::after { opacity: .45; } .lr-season-switch__button--winter::before { border-radius: 42% 58% 67% 33% / 60% 38% 62% 40%; } .lr-season-switch__button--winter::after { transform: rotate(28deg); inset: 2% 6%; } .lr-season-switch__button:hover::before { border-radius: 42% 58% 67% 33% / 60% 38% 62% 40%; transform: rotate(10deg); } .lr-season-switch__button:hover::after { transform: rotate(-34deg) translate3d(0,-3px,0); } .lr-season-switch__button--winter:hover::before { border-radius: 63% 37% 54% 46% / 55% 48% 52% 45%; transform: rotate(-10deg); } .lr-season-switch__button--winter:hover::after { transform: rotate(44deg) translate3d(0,3px,0); } .lr-season-switch { position: relative; display: inline-block; vertical-align: middle; align-self: center; flex: none; width: calc(var(--lr-orbit) + var(--lr-size)); height: calc(var(--lr-orbit) + var(--lr-size)); } .lr-season-switch__button { --lr-angle: 180deg; position: absolute; top: 0; left: 0; width: var(--lr-size); height: var(--lr-size); perspective: 240px; transform-origin: calc((var(--lr-size) + var(--lr-orbit)) / 2) calc((var(--lr-size) + var(--lr-orbit)) / 2); transform: rotate(var(--lr-angle)); transition: transform var(--lr-swap) var(--lr-swap-ease); text-decoration: none; z-index: 1; } .lr-season-switch__button[aria-pressed='true'] { --lr-angle: 0deg; z-index: 2; } .lr-season-switch__icon { transform: rotate(calc(-1 * var(--lr-angle))); transition: transform var(--lr-swap) var(--lr-swap-ease); } .lr-season-switch__button svg { width: 1.6rem; height: 1.6rem; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; } .lr-season-switch--swap .lr-season-switch__button[aria-pressed='true'] { z-index: 3; } .lr-season-switch--swap .lr-season-switch__button[aria-pressed='false'] { z-index: 1; } .lr-season-switch--swap .lr-season-switch__button[aria-pressed='true']::before { animation: lr-blob-front var(--lr-swap) var(--lr-swap-ease); } .lr-season-switch--swap .lr-season-switch__button[aria-pressed='false']::before { animation: lr-blob-back var(--lr-swap) var(--lr-swap-ease); } .lr-season-switch--swap .lr-season-switch__button::after { animation: lr-blob-ring var(--lr-swap) var(--lr-swap-ease); } .lr-season-switch--swap .lr-season-switch__button svg { animation: lr-icon-flip var(--lr-swap) var(--lr-swap-ease); } @keyframes lr-icon-flip { from { transform: rotateY(0deg); } to { transform: rotateY(360deg); } } @keyframes lr-blob-front { 0%{ transform: rotate(0deg) scale(1); } 45%{ transform: rotate(16deg) scale(1.2); } 100%{ transform: rotate(0deg) scale(1); } } @keyframes lr-blob-back { 0%{ transform: rotate(0deg) scale(1); opacity:1; } 45%{ transform: rotate(-12deg) scale(.72); opacity:.6; } 100%{ transform: rotate(0deg) scale(1); opacity:1; } } @keyframes lr-blob-ring { 0%,100%{ opacity:1; } 45%{ opacity:.3; } } .lr-season-switch--nudge .lr-season-switch__button[aria-pressed='true']::before { animation: lr-nudge .45s cubic-bezier(.34,1.56,.64,1); } @keyframes lr-nudge { 0%,100%{ transform:scale(1); } 40%{ transform:scale(1.13); } } @media (prefers-reduced-motion: reduce) { .lr-season-switch__button, .lr-season-switch__icon, .lr-season-switch__button::before, .lr-season-switch__button::after { transition-duration: 1ms; animation: none !important; } }
.lr-header__row { align-items: center; gap: var(--wp--preset--spacing--20); } @media (min-width: 90rem) { :root .lr-header__row { gap: var(--wp--preset--spacing--40); } } .lr-header__row .wp-block-site-title { order: 2; flex: 1 1 auto; min-inline-size: 0; margin: 0; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: clamp(0.8rem, 3vw, 1.15rem); } .lr-header__row .lr-header__menu { order: 1; flex: none; } .lr-header__row .lr-season-switch { order: 3; flex: none; } .wp-site-blocks > header > .wp-block-group.lr-header { padding-block: var(--wp--preset--spacing--40); } .wp-block-navigation__responsive-container-open, .wp-block-navigation__responsive-container-close { display: grid; place-items: center; inline-size: 44px; block-size: 44px; padding: 0; } @media (min-width: 90rem) { .lr-header__menu .wp-block-navigation__container { gap: 20px !important; } .lr-header__row .wp-block-site-title { order: 1; flex: none; text-align: start; } .lr-header__row .lr-header__menu { order: 2; flex: 1 1 auto; } .lr-header__row .lr-header__menu .wp-block-navigation { gap: var(--wp--preset--spacing--30); } } .wp-site-blocks { overflow-x: clip; } @media (max-width: 89.99rem) { .lr-header__actions .lr-season-switch, .lr-header__actions .lr-lang-switch { display: none; } .lr-header__row .lr-header__actions { order: 3; margin-inline-start: auto; } .lr-header__row .lr-header__menu { order: 4; } .wp-site-blocks .lr-header__row { gap: .75rem; } } .lr-nav-season { display: flex; align-items: center; gap: 1rem; margin-block-start: 1.5rem; padding-block-start: 1.5rem; border-block-start: 1px solid var(--lr-hairline); } .lr-nav-season__label { font-family: var(--wp--preset--font-family--body); font-size: .7rem; letter-spacing: .18em; text-transform: uppercase; opacity: .7; min-width: 3.5rem; } .lr-nav-lang { display: flex; align-items: center; gap: 1rem; margin-block-start: 1rem; padding-block-start: 1rem; border-block-start: 1px solid var(--lr-hairline); } .lr-nav-lang__label { font-family: var(--wp--preset--font-family--body); font-size: .7rem; letter-spacing: .18em; text-transform: uppercase; opacity: .7; min-width: 3.5rem; } .lr-nav-lang .lr-lang-switch { color: var(--wp--preset--color--contrast); } @media (min-width: 90rem) { .lr-nav-season, .lr-nav-lang, .lr-nav-extras { display: none; } } .lr-lang-switch { position: relative; display: inline-flex; align-items: center; font-family: var(--wp--preset--font-family--body); font-size: var(--wp--preset--font-size--small); color: var(--wp--preset--color--primary, #3E4F2F); } .lr-header__actions .lr-lang-switch { margin-inline-end: -0.85rem; } .lr-js .home .lr-header__actions .lr-lang-switch, .lr-js body:has(.lr-band):not(.home) .lr-header__actions .lr-lang-switch { opacity: 0; pointer-events: none; transform: translateY(-.35rem); transition: opacity var(--lr-dur-hairline, .3s) var(--lr-ease), transform var(--lr-dur-hairline, .3s) var(--lr-ease); } .lr-js.lr-scrolled .home .lr-header__actions .lr-lang-switch, .home .lr-header__actions .lr-lang-switch:focus-within, .lr-js.lr-scrolled body:has(.lr-band):not(.home) .lr-header__actions .lr-lang-switch, body:has(.lr-band):not(.home) .lr-header__actions .lr-lang-switch:focus-within { opacity: 1; pointer-events: auto; transform: translateY(0); } .lr-lang-dropdown { position: relative; display: inline-block; } .lr-lang-dropdown__trigger { display: inline-flex; align-items: center; justify-content: center; padding: .35rem; border-radius: 50%; border: none; background: transparent; color: var(--wp--preset--color--primary, #3E4F2F); cursor: pointer; list-style: none; user-select: none; line-height: 1; transition: opacity .2s var(--lr-ease), transform .2s var(--lr-ease), color .2s var(--lr-ease); } .lr-lang-dropdown__trigger::-webkit-details-marker, .lr-lang-dropdown__trigger::marker { display: none; } .lr-lang-dropdown__trigger:hover, .lr-lang-dropdown__trigger:focus-visible, .lr-lang-dropdown[open] .lr-lang-dropdown__trigger { background: transparent; border: none; opacity: 1; color: var(--lr-accent-deep, #2C3921); } .lr-lang-dropdown__trigger:hover, .lr-lang-dropdown[open] .lr-lang-dropdown__trigger { outline: none; } .lr-lang-dropdown__trigger:focus-visible, .lr-lang-dropdown[open] .lr-lang-dropdown__trigger:focus-visible { outline: 1px solid var(--wp--preset--color--secondary); outline-offset: 3px; } .lr-lang-dropdown .lr-icon-globe { display: block; flex-shrink: 0; opacity: .9; transition: opacity .2s var(--lr-ease), transform .2s var(--lr-ease); } .lr-lang-dropdown__trigger:hover .lr-icon-globe, .lr-lang-dropdown__trigger:focus-visible .lr-icon-globe, .lr-lang-dropdown[open] .lr-icon-globe { opacity: 1; transform: scale(1.08); } .lr-lang-dropdown__menu { position: absolute; top: calc(100% + .5rem); right: 0; min-width: 140px; margin: 0; padding: .35rem; list-style: none; background: var(--wp--preset--color--base, #FBF8F3); color: var(--wp--preset--color--contrast, #3B2A1E); border: 1px solid var(--lr-hairline); border-radius: 8px; box-shadow: 0 10px 25px -5px rgba(0, 0, 0, .14), 0 4px 10px -2px rgba(0, 0, 0, .06); z-index: 1000; } .lr-lang-dropdown__item { margin: 0; padding: 0; } .lr-lang-dropdown__link { display: flex; align-items: center; justify-content: space-between; gap: .75rem; padding: .45rem .65rem; border-radius: 4px; color: inherit; text-decoration: none; font-size: .8125rem; line-height: 1.4; transition: color .3s var(--lr-ease); } .lr-lang-dropdown__link:hover, .lr-lang-dropdown__link:focus-visible { color: var(--lr-accent-deep); } .lr-lang-dropdown__link.is-active, .lr-lang-dropdown__link[aria-current='true'] { font-weight: 700; color: var(--lr-accent-deep); } .lr-lang-dropdown__name { position: relative; flex: none; } .lr-lang-dropdown__name::after { content: ''; position: absolute; inset-inline-start: 0; inset-block-start: 100%; inline-size: 100%; block-size: 1.5px; background: var(--lr-accent-deep); transform: scale3d(0, 1, 1); transform-origin: 100% 50%; transition: transform .3s var(--lr-ease); pointer-events: none; } .lr-lang-dropdown__link:hover .lr-lang-dropdown__name::after, .lr-lang-dropdown__link:focus-visible .lr-lang-dropdown__name::after { transform: scale3d(1, 1, 1); transform-origin: 0% 50%; } .lr-lang-dropdown__link.is-active .lr-lang-dropdown__name::after, .lr-lang-dropdown__link[aria-current='true'] .lr-lang-dropdown__name::after { transform: scale3d(1, 1, 1); } .lr-lang-dropdown__code { font-size: .75rem; opacity: .6; letter-spacing: .06em; } .lr-nav-lang .lr-lang-switch { margin-inline-end: 0; color: var(--wp--preset--color--primary, #3E4F2F); } .lr-nav-lang .lr-lang-dropdown__trigger { background: transparent; border: none; color: var(--wp--preset--color--primary, #3E4F2F); } .lr-nav-lang .lr-lang-dropdown__menu { position: static; min-width: 100%; margin-block-start: .4rem; box-shadow: none; border: 1px solid var(--lr-hairline); } @view-transition { navigation: auto; } ::view-transition-old(root), ::view-transition-new(root) { animation-duration: 400ms; animation-timing-function: var(--lr-ease); } @media (prefers-reduced-motion: reduce) { ::view-transition-group(*), ::view-transition-old(*), ::view-transition-new(*) { animation: none !important; } } html { scroll-behavior: smooth; } @media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } } .lr-sec[id] { scroll-margin-top: calc(var(--lr-header-h, 96px) + var(--wp--preset--spacing--30, 24px) + 44px); }
.lr-hero { position: relative; min-height: 68svh; display: grid; align-items: end; overflow: clip; isolation: isolate; background-color: var(--wp--preset--color--contrast); } .lr-hero__set, .lr-hero__frame, .lr-hero__scrim, .lr-hero__body { grid-area: 1 / 1; } .lr-hero__set, .lr-hero__scrim { align-self: stretch; justify-self: stretch; } .lr-hero__set { position: relative; display: block; min-height: inherit; } .season-summer .lr-hero__set[data-season='winter'], .season-winter .lr-hero__set[data-season='summer'] { display: none; } .lr-hero__frame { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; opacity: 0; transition: opacity var(--lr-dur-panel) var(--lr-ease); } .lr-hero__frame.is-current { opacity: 1; } @media (min-width: 48rem) { .lr-hero { min-height: 100svh; } } .lr-hero__scrim { background: linear-gradient( to top right, rgb(20 14 10 / .78) 0%, rgb(20 14 10 / .46) 36%, rgb(20 14 10 / 0) 68% ), linear-gradient( to bottom, rgb(20 14 10 / .42) 0%, rgb(20 14 10 / .12) 26%, rgb(20 14 10 / .50) 70%, rgb(20 14 10 / .68) 100% ); position: relative; z-index: 1; pointer-events: none; } .lr-hero__body { padding-block-start: var(--lr-header-h, 12rem); position: relative; z-index: 2; align-self: end; width: 100%; padding-inline: var(--lr-axis); padding-block-end: clamp(2.5rem, 10vh, 5rem); color: var(--wp--preset--color--snow); } @media (min-width: 48rem) { .lr-hero__body { padding-block-end: clamp(3rem, 24vh, 15rem); } } :root { --lr-bar-inset: clamp(1rem, 3vw, 2.5rem); --lr-bar-cap: 100rem; --lr-axis: clamp(1.25rem, 6.53vw, 5.875rem); } .home { --lr-axis: calc(max(0px, (100% - var(--lr-bar-cap)) / 2) + var(--lr-bar-inset)); } .home .lr-closing__inner { padding-inline: var(--lr-axis); } .home .lr-sec--band:has(> .lr-measure--start:only-child) { max-inline-size: none; } .home .lr-sec--band:has(> .lr-measure--start:only-child) > .lr-measure--start { margin-inline-start: calc( max(0px, (100% + 2 * var(--wp--style--root--padding-left) - var(--lr-bar-cap)) / 2) + var(--lr-bar-inset) - var(--wp--style--root--padding-left) ); } .lr-hero__eyebrow { margin: 0 0 var(--wp--preset--spacing--20); font-family: var(--wp--preset--font-family--body); font-size: var(--wp--preset--font-size--small); letter-spacing: .12em; text-transform: uppercase; } .lr-hero__title { margin: 0; max-width: 24ch; font-family: var(--wp--preset--font-family--heading); font-size: var(--wp--preset--font-size--hero); line-height: 1.04; font-weight: 400; text-wrap: balance; } .lr-hero__lead { margin: var(--wp--preset--spacing--20) 0 0; max-width: var(--wp--style--global--content-size); text-wrap: balance; font-family: var(--wp--preset--font-family--body); font-size: var(--wp--preset--font-size--large); line-height: 1.4; opacity: .94; } .lr-hero__actions { margin-top: var(--wp--preset--spacing--30); } .lr-hero__actions a.lr-book-button:not(.lr-book-button--arrow):hover { color: var(--lr-paper); } .lr-hero__actions a.lr-book-button:not(.lr-book-button--arrow):hover::before { background: var(--lr-paper); } .home .lr-hero { margin-block-start: 0; } .home .wp-site-blocks > header { position: absolute; inset-block-start: 0; inset-inline: 0; z-index: 2; background: transparent; padding-block: clamp(1.5rem, 3vh, 2.5rem); } .home .wp-site-blocks > header .lr-brand, .home .wp-site-blocks > header .wp-block-site-title a, .home .wp-site-blocks > header .wp-block-navigation__responsive-container-open { color: var(--wp--preset--color--snow); } @media (min-width: 48rem) { .home .wp-site-blocks > header .wp-block-navigation a { color: var(--wp--preset--color--snow); } } .home .wp-site-blocks > header .lr-header__actions .lr-season-switch__button[aria-pressed='false'] { color: var(--wp--preset--color--snow); } .home .wp-site-blocks > header .lr-header__actions .lr-season-switch__button[aria-pressed='false']::before { background: rgb(255 255 255 / .10); } .home .wp-site-blocks > header::before { content: ''; position: absolute; inset: 0 0 -5rem; z-index: -1; background: linear-gradient( to bottom, rgb(20 14 10 / .38) 0%, rgb(20 14 10 / .48) 30%, rgb(20 14 10 / 0) 100% ); pointer-events: none; } @media (prefers-reduced-motion: reduce) { .lr-hero__frame { transition-duration: 1ms; } } .lr-header__actions { display: flex; align-items: center; flex: none; order: 3; } :root .lr-header__actions { gap: var(--wp--preset--spacing--40); } .lr-brand { display: inline-flex; align-items: center; gap: .6em; text-decoration: none; color: inherit; flex: 0 1 auto; min-inline-size: 0; max-inline-size: 100%; } .lr-brand__mark { inline-size: auto; block-size: 2.6rem; flex: none; } .lr-brand__name { display: flex; flex-direction: column; line-height: 1.05; min-inline-size: 0; overflow: hidden; } .lr-brand__pre, .lr-brand__word { overflow: hidden; text-overflow: ellipsis; } .lr-brand__pre { font-family: var(--wp--preset--font-family--body); font-size: .6rem; letter-spacing: .18em; text-transform: uppercase; opacity: .82; } .lr-brand__word { font-family: var(--wp--preset--font-family--display); font-size: 1.05rem; letter-spacing: .06em; white-space: nowrap; } .lr-header__row > .lr-brand { order: 1; } @media (max-width: 89.99rem) { .lr-header__row > .lr-brand .lr-brand__name { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip-path: inset(50%); border: 0; white-space: nowrap; } } .home .wp-site-blocks > header > .wp-block-group, .home .wp-site-blocks > header .lr-header__row { max-width: none; width: 100%; } .home .wp-site-blocks > header > .wp-block-group { padding-inline: 0; } .home .wp-site-blocks > header .lr-header__row { padding-inline: clamp(1rem, 3vw, 2.5rem); } .wp-site-blocks > header > .wp-block-group.lr-header { padding-block: .5rem; } .wp-site-blocks > header .lr-header__row { margin-block: 0; } @media (min-width: 90rem) { .wp-site-blocks .lr-header__row { display: grid; grid-template-columns: minmax(max-content, 1fr) auto minmax(max-content, 1fr); align-items: center; } .wp-site-blocks .lr-header__row { max-width: 100rem !important; } .wp-site-blocks .lr-header__row > .lr-brand { grid-column: 1; justify-self: start; } .wp-site-blocks .lr-header__row > .lr-header__menu { grid-column: 2; justify-self: center; } .wp-site-blocks .lr-header__row > .lr-header__actions { grid-column: 3; justify-self: end; } } @media (min-width: 90rem) { .lr-js .home .lr-header__menu { opacity: 0; pointer-events: none; transform: translateY(-.35rem); transition: opacity var(--lr-dur-hairline) var(--lr-ease), transform var(--lr-dur-hairline) var(--lr-ease); } .lr-js.lr-scrolled .home .lr-header__menu, .lr-js .home .lr-header__menu:focus-within { opacity: 1; pointer-events: auto; transform: none; } } .lr-header__row .lr-header__menu { justify-content: center; } @media (max-width: 47.99rem) { .wp-site-blocks .lr-header__row .lr-header__menu { flex: 0 1 auto; min-inline-size: min-content; } } .lr-scroll-sentinel { position: absolute; inset-block-start: 0; block-size: 1px; inline-size: 1px; opacity: 0; pointer-events: none; } @media (min-width: 48rem) { .lr-scrolled .home .wp-site-blocks > header { position: fixed; background: color-mix(in srgb, var(--lr-paper) 40%, transparent); border-block-end: 1px solid var(--lr-hairline); padding-block: .5rem; transition: background-color 250ms var(--lr-ease), border-color 250ms var(--lr-ease), padding 250ms var(--lr-ease); } .lr-scrolled .home .wp-site-blocks > header::after { content: ''; position: absolute; inset: 0; z-index: -1; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); pointer-events: none; } .lr-scrolled .home .wp-site-blocks > header::before { opacity: 0; } .lr-scrolled .home .wp-site-blocks > header .lr-brand, .lr-scrolled .home .wp-site-blocks > header .wp-block-navigation a { color: var(--wp--preset--color--contrast); } .lr-scrolled .home .wp-site-blocks > header .lr-header__actions .lr-season-switch__button[aria-pressed='false'] { color: var(--lr-accent); } .lr-scrolled .home .wp-site-blocks > header .lr-header__actions .lr-season-switch__button[aria-pressed='false']::before { background: transparent; } body:not(.home):not(:has(.lr-band)) .wp-site-blocks > header { position: sticky; inset-block-start: 0; z-index: 20; background: color-mix(in srgb, var(--lr-paper) 40%, transparent); } body:not(.home):not(:has(.lr-band)) .wp-site-blocks > header::after { content: ''; position: absolute; inset: 0; z-index: -1; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); pointer-events: none; } } body:has(.lr-band):not(.home) .wp-site-blocks > header { position: absolute; inset-block-start: 0; inset-inline: 0; z-index: 2; background: transparent; padding-block: clamp(1.5rem, 3vh, 2.5rem); } body:has(.lr-band):not(.home) .wp-site-blocks > header::before { content: ''; position: absolute; inset: 0 0 -5rem; z-index: -1; background: linear-gradient( to bottom, rgb(20 14 10 / .38) 0%, rgb(20 14 10 / .48) 30%, rgb(20 14 10 / 0) 100% ); pointer-events: none; } :root .wp-site-blocks > header:has(.wp-block-navigation__responsive-container.is-menu-open) { z-index: 100000; } @media (max-width: 47.99rem) { body:has(.lr-band):not(.home) .lr-band__body { padding-block-start: var(--lr-header-h, 12rem); } } body:has(.lr-band):not(.home) .wp-site-blocks > header .lr-brand, body:has(.lr-band):not(.home) .wp-site-blocks > header .wp-block-site-title a, body:has(.lr-band):not(.home) .wp-site-blocks > header .wp-block-navigation__responsive-container-open { color: var(--wp--preset--color--snow); } @media (min-width: 48rem) { body:has(.lr-band):not(.home) .wp-site-blocks > header .wp-block-navigation a { color: var(--wp--preset--color--snow); } } body:has(.lr-band):not(.home) .wp-site-blocks > header .lr-header__actions .lr-season-switch__button[aria-pressed='false'] { color: var(--wp--preset--color--snow); } body:has(.lr-band):not(.home) .wp-site-blocks > header .lr-header__actions .lr-season-switch__button[aria-pressed='false']::before { background: rgb(255 255 255 / .10); } @media (min-width: 90rem) { .lr-js body:has(.lr-band):not(.home) .lr-header__menu { opacity: 0; pointer-events: none; transform: translateY(-.35rem); transition: opacity var(--lr-dur-hairline) var(--lr-ease), transform var(--lr-dur-hairline) var(--lr-ease); } .lr-js.lr-scrolled body:has(.lr-band):not(.home) .lr-header__menu, .lr-js body:has(.lr-band):not(.home) .lr-header__menu:focus-within { opacity: 1; pointer-events: auto; transform: none; } } @media (min-width: 48rem) { .lr-scrolled body:has(.lr-band):not(.home) .wp-site-blocks > header { position: fixed; background: color-mix(in srgb, var(--lr-paper) 40%, transparent); padding-block: .5rem; transition: background-color 250ms var(--lr-ease), padding 250ms var(--lr-ease); } .lr-scrolled body:has(.lr-band):not(.home) .wp-site-blocks > header::after { content: ''; position: absolute; inset: 0; z-index: -1; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); pointer-events: none; } .lr-scrolled body:has(.lr-band):not(.home) .wp-site-blocks > header::before { opacity: 0; } .lr-scrolled body:has(.lr-band):not(.home) .wp-site-blocks > header .lr-brand, .lr-scrolled body:has(.lr-band):not(.home) .wp-site-blocks > header .wp-block-navigation a { color: var(--wp--preset--color--contrast); } .lr-scrolled body:has(.lr-band):not(.home) .wp-site-blocks > header .lr-header__actions .lr-season-switch__button[aria-pressed='false'] { color: var(--lr-accent); } .lr-scrolled body:has(.lr-band):not(.home) .wp-site-blocks > header .lr-header__actions .lr-season-switch__button[aria-pressed='false']::before { background: transparent; } } @media (max-width: 47.99rem) { .lr-js .wp-site-blocks > header:has(.lr-nav-book) .lr-header__actions .lr-book-button { display: none; } } @media (prefers-reduced-motion: reduce) { .lr-js .lr-header__menu { opacity: 1; pointer-events: auto; transform: none; transition: none; } } .lr-hero__ask { display: inline-flex; align-items: center; gap: .55em; color: var(--wp--preset--color--snow); } .lr-hero__ask .lr-pen path { stroke: var(--wp--preset--color--snow); stroke-dasharray: 100 102; stroke-dashoffset: 101; } .lr-hero__ask:hover, .lr-hero__ask:focus-visible { color: var(--wp--preset--color--snow); } .lr-hero__ask-icon { display: inline-flex; inline-size: .82em; block-size: .82em; flex: none; } .lr-hero__ask-icon svg { inline-size: 100%; block-size: 100%; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; } .lr-hero__ask-icon[data-season='winter'] { inline-size: .95em; block-size: .95em; } .lr-hero__ask-icon[data-season='winter'] svg { stroke-width: 1.35; } @media (max-width: 47.99rem) { :root .lr-hero__ask { white-space: normal; text-wrap: balance; line-height: 1.25; max-inline-size: 100%; align-items: flex-start; } :root .lr-hero__ask-icon { margin-block-start: .2em; } } @media (max-width: 47.99rem) and (hover: none) { :root .lr-hero__ask .lr-pen { display: none; } } :root { --lr-hero-in-words: 150ms; --lr-hero-in-step: 90ms; --lr-hero-in-word: 800ms; --lr-hero-in-lead: 650ms; --lr-hero-in-ask: 950ms; } .lr-hero__w { display: inline-block; } .lr-header-enter .lr-hero__set { animation: lr-hero-settle 1.75s var(--lr-ease) both; } .lr-header-enter .lr-hero__w { animation: lr-hero-word var(--lr-hero-in-word) var(--lr-ease) both; animation-delay: calc(var(--lr-hero-in-words) + var(--i, 0) * var(--lr-hero-in-step)); } .lr-header-enter .lr-hero__lead { animation: lr-hero-rise 700ms var(--lr-ease) var(--lr-hero-in-lead) both; } .lr-header-enter .lr-hero__actions { animation: lr-hero-rise 600ms var(--lr-ease) var(--lr-hero-in-ask) both; } .lr-header-enter .lr-hero__ask-icon svg { animation: lr-hero-icon 800ms var(--lr-ease) var(--lr-hero-in-ask) both; } @keyframes lr-hero-settle { from { scale: 1.06; } } @keyframes lr-hero-word { from { opacity: 0; translate: 0 .32em; filter: blur(8px); } } @keyframes lr-hero-rise { from { opacity: 0; translate: 0 .6rem; filter: blur(4px); } } @keyframes lr-hero-icon { from { opacity: 0; rotate: -90deg; scale: .5; } }
:root { --lr-enter-dur: var(--lr-dur-hairline); --lr-enter-mark: 0ms; --lr-enter-switch: 800ms; --lr-enter-book: 1300ms; --lr-enter-shift: 1.5rem; } .lr-header-enter .wp-site-blocks > header .lr-brand, .lr-header-enter .wp-site-blocks > header .lr-header__actions .lr-season-switch, .lr-header-enter .wp-site-blocks > header .lr-book-button { opacity: 0; transition: opacity var(--lr-enter-dur) var(--lr-ease), transform var(--lr-enter-dur) var(--lr-ease); } .lr-header-enter .wp-site-blocks > header .lr-brand { transform: translateY(var(--lr-enter-shift)); transition-delay: var(--lr-enter-mark); } .lr-header-enter .wp-site-blocks > header .lr-header__actions .lr-season-switch { transform: translateX(var(--lr-enter-shift)); transition-delay: var(--lr-enter-switch); } .lr-header-enter .wp-site-blocks > header .lr-book-button { transition-delay: var(--lr-enter-book); pointer-events: none; } .lr-header-enter.lr-header-in .wp-site-blocks > header .lr-brand, .lr-header-enter.lr-header-in .wp-site-blocks > header .lr-header__actions .lr-season-switch, .lr-header-enter.lr-header-in .wp-site-blocks > header .lr-book-button { opacity: 1; transform: none; } .lr-header-enter.lr-header-live .wp-site-blocks > header .lr-book-button { pointer-events: auto; } .lr-header-enter .wp-site-blocks > header .lr-brand:focus, .lr-header-enter .wp-site-blocks > header .lr-header__actions .lr-season-switch:focus-within, .lr-header-enter .wp-site-blocks > header .lr-book-button:focus { opacity: 1; transform: none; pointer-events: auto; transition: none; } .lr-header-enter.lr-header-hurry .wp-site-blocks > header .lr-brand, .lr-header-enter.lr-header-hurry .wp-site-blocks > header .lr-header__actions .lr-season-switch, .lr-header-enter.lr-header-hurry .wp-site-blocks > header .lr-book-button { transition-delay: 0s; } @media (max-width: 63.99rem) { .lr-header-enter .wp-site-blocks > header .lr-header__actions .lr-season-switch { transform: none; } } .lr-header-enter.lr-header-settled .wp-site-blocks > header .lr-brand, .lr-header-enter.lr-header-settled .wp-site-blocks > header .lr-header__actions .lr-season-switch, .lr-header-enter.lr-header-settled .wp-site-blocks > header .lr-book-button { transition: none; } .home .wp-site-blocks > header .lr-brand:focus-visible, .home .wp-site-blocks > header .lr-book-button:focus-visible, .home .wp-site-blocks > header .lr-season-switch__button:focus-visible, .home .wp-site-blocks > header .wp-block-navigation a:focus-visible, .home .wp-site-blocks > header .wp-block-navigation__submenu-icon:focus-visible, .home .wp-site-blocks > header .wp-block-navigation__responsive-container-open:focus-visible, body:has(.lr-band):not(.home) .wp-site-blocks > header .lr-brand:focus-visible, body:has(.lr-band):not(.home) .wp-site-blocks > header .lr-book-button:focus-visible, body:has(.lr-band):not(.home) .wp-site-blocks > header .lr-season-switch__button:focus-visible, body:has(.lr-band):not(.home) .wp-site-blocks > header .wp-block-navigation a:focus-visible, body:has(.lr-band):not(.home) .wp-site-blocks > header .wp-block-navigation__submenu-icon:focus-visible, body:has(.lr-band):not(.home) .wp-site-blocks > header .wp-block-navigation__responsive-container-open:focus-visible, .home .wp-site-blocks > header .lr-lang-dropdown__trigger:focus-visible, body:has(.lr-band):not(.home) .wp-site-blocks > header .lr-lang-dropdown__trigger:focus-visible { outline: 3px solid var(--wp--preset--color--snow); outline-offset: 2px; box-shadow: 0 0 0 8px rgb(59 42 30 / .85); border-radius: 2px; } .lr-scrolled .home .wp-site-blocks > header .lr-brand:focus-visible, .lr-scrolled .home .wp-site-blocks > header .lr-book-button:focus-visible, .lr-scrolled .home .wp-site-blocks > header .lr-season-switch__button:focus-visible, .lr-scrolled .home .wp-site-blocks > header .wp-block-navigation a:focus-visible, .lr-scrolled .home .wp-site-blocks > header .wp-block-navigation__submenu-icon:focus-visible, .lr-scrolled .home .wp-site-blocks > header .wp-block-navigation__responsive-container-open:focus-visible, .lr-scrolled body:has(.lr-band):not(.home) .wp-site-blocks > header .lr-brand:focus-visible, .lr-scrolled body:has(.lr-band):not(.home) .wp-site-blocks > header .lr-book-button:focus-visible, .lr-scrolled body:has(.lr-band):not(.home) .wp-site-blocks > header .lr-season-switch__button:focus-visible, .lr-scrolled body:has(.lr-band):not(.home) .wp-site-blocks > header .wp-block-navigation a:focus-visible, .lr-scrolled body:has(.lr-band):not(.home) .wp-site-blocks > header .wp-block-navigation__submenu-icon:focus-visible, .lr-scrolled body:has(.lr-band):not(.home) .wp-site-blocks > header .wp-block-navigation__responsive-container-open:focus-visible, .lr-scrolled .home .wp-site-blocks > header .lr-lang-dropdown__trigger:focus-visible, .lr-scrolled body:has(.lr-band):not(.home) .wp-site-blocks > header .lr-lang-dropdown__trigger:focus-visible { outline: 1px solid var(--wp--preset--color--secondary); outline-offset: 3px; box-shadow: none; } .wp-block-navigation a { font-weight: 400; } @media (max-width: 47.99rem) { .lr-header__row > .lr-brand { min-block-size: 44px; justify-content: center; } } .wp-block-navigation__submenu-icon { min-block-size: 44px; min-inline-size: 44px; } .wp-block-navigation-submenu .wp-block-navigation-item__content { min-block-size: 44px; display: flex; align-items: center; } :root { --lr-nav-open: .18s; --lr-nav-close: .12s; --lr-nav-step: 40ms; --lr-nav-shift: .35rem; } .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation-item.has-child > .wp-block-navigation__submenu-container { block-size: auto; inline-size: max-content; min-inline-size: 200px; overflow: visible; inset-block-start: calc(100% + .4rem); inset-inline-start: 0; background-color: transparent !important; border: none; border-radius: var(--lr-radius-field); box-shadow: 0 12px 32px rgb(59 42 30 / .14); padding: .4rem; opacity: 0; visibility: hidden; transform: translateY(calc(-1 * var(--lr-nav-shift))); } .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation-item.has-child > .wp-block-navigation__submenu-container::after { content: ''; position: absolute; inset: 0; z-index: -1; overflow: hidden; pointer-events: none; border-radius: var(--lr-radius-field); background-color: color-mix(in srgb, var(--lr-paper) 92%, transparent); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); } .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation-item.has-child .wp-block-navigation-submenu__toggle[aria-expanded='true'] ~ .wp-block-navigation__submenu-container { opacity: 1; visibility: visible; transform: none; } @media (hover: hover) { .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation-item.has-child:hover > .wp-block-navigation__submenu-container { opacity: 1; visibility: visible; transform: none; } } .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation-item.has-child > .wp-block-navigation__submenu-container > .wp-block-navigation-item { opacity: 0; transform: translateX(calc(-1 * var(--lr-nav-shift))); } .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation-item.has-child .wp-block-navigation-submenu__toggle[aria-expanded='true'] ~ .wp-block-navigation__submenu-container > .wp-block-navigation-item, .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation-item.has-child:hover > .wp-block-navigation__submenu-container > .wp-block-navigation-item { opacity: 1; transform: none; } .wp-block-navigation__submenu-container .wp-block-navigation-item__label { position: relative; } .wp-block-navigation__submenu-container .wp-block-navigation-item__label::after { content: ''; position: absolute; inset-inline-start: 0; inset-block-start: 100%; inline-size: 100%; block-size: 1.5px; background: var(--lr-accent-deep); transform: scale3d(0, 1, 1); transform-origin: 100% 50%; pointer-events: none; } .wp-block-navigation__submenu-container a:hover .wp-block-navigation-item__label::after, .wp-block-navigation__submenu-container a:focus-visible .wp-block-navigation-item__label::after { transform: scale3d(1, 1, 1); transform-origin: 0% 50%; } .home .wp-site-blocks > header .wp-block-navigation .wp-block-navigation__submenu-container a, body:has(.lr-band):not(.home) .wp-site-blocks > header .wp-block-navigation .wp-block-navigation__submenu-container a { color: var(--wp--preset--color--contrast); } .wp-block-navigation__submenu-container a:hover, .wp-block-navigation__submenu-container a:focus-visible, .home .wp-site-blocks > header .wp-block-navigation .wp-block-navigation__submenu-container a:hover, .home .wp-site-blocks > header .wp-block-navigation .wp-block-navigation__submenu-container a:focus-visible, body:has(.lr-band):not(.home) .wp-site-blocks > header .wp-block-navigation .wp-block-navigation__submenu-container a:hover, body:has(.lr-band):not(.home) .wp-site-blocks > header .wp-block-navigation .wp-block-navigation__submenu-container a:focus-visible { color: var(--lr-accent-deep); } @media (hover: hover) { .wp-block-navigation-item.has-child:hover > .wp-block-navigation-submenu__toggle > svg { transform: rotate(180deg); } } .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation-item.has-child > .wp-block-navigation__submenu-container::before { content: ''; position: absolute; inset-block-end: 100%; inset-inline: 0; block-size: .4rem; } .home .wp-site-blocks > header .wp-block-navigation__submenu-container a:focus-visible, body:has(.lr-band):not(.home) .wp-site-blocks > header .wp-block-navigation__submenu-container a:focus-visible { outline: 1px solid var(--wp--preset--color--secondary); outline-offset: 3px; box-shadow: none; } @media (prefers-reduced-motion: no-preference) { .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation-item.has-child > .wp-block-navigation__submenu-container { transition: opacity var(--lr-nav-close) var(--lr-ease), transform var(--lr-nav-close) var(--lr-ease), visibility var(--lr-nav-close); } .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation-item.has-child .wp-block-navigation-submenu__toggle[aria-expanded='true'] ~ .wp-block-navigation__submenu-container { transition: opacity var(--lr-nav-open) var(--lr-ease), transform var(--lr-nav-open) var(--lr-ease), visibility var(--lr-nav-open); } @media (hover: hover) { .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation-item.has-child:hover > .wp-block-navigation__submenu-container { transition: opacity var(--lr-nav-open) var(--lr-ease), transform var(--lr-nav-open) var(--lr-ease), visibility var(--lr-nav-open); } } .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation-item.has-child > .wp-block-navigation__submenu-container > .wp-block-navigation-item { transition: opacity var(--lr-nav-close) var(--lr-ease), transform var(--lr-nav-close) var(--lr-ease); transition-delay: 0s; } .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation-item.has-child .wp-block-navigation-submenu__toggle[aria-expanded='true'] ~ .wp-block-navigation__submenu-container > .wp-block-navigation-item, .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation-item.has-child:hover > .wp-block-navigation__submenu-container > .wp-block-navigation-item { transition: opacity var(--lr-nav-open) var(--lr-ease), transform var(--lr-nav-open) var(--lr-ease); transition-delay: calc(var(--lr-nav-i, 0) * var(--lr-nav-step)); } .wp-block-navigation__submenu-container > .wp-block-navigation-item:nth-child(1) { --lr-nav-i: 0; } .wp-block-navigation__submenu-container > .wp-block-navigation-item:nth-child(2) { --lr-nav-i: 1; } .wp-block-navigation__submenu-container > .wp-block-navigation-item:nth-child(3) { --lr-nav-i: 2; } .wp-block-navigation__submenu-container > .wp-block-navigation-item:nth-child(n+4) { --lr-nav-i: 3; } .wp-block-navigation__submenu-icon svg { transition: transform var(--lr-nav-open) var(--lr-ease); } .wp-block-navigation__submenu-container .wp-block-navigation-item__label::after { transition: transform .3s var(--lr-ease); } .wp-block-navigation__submenu-container a { transition: color .3s var(--lr-ease); } } @media (min-width: 37.5rem) and (max-width: 89.99rem) { .wp-block-navigation__responsive-container-open:not(.always-shown) { display: grid; } .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) { display: none; } } @media (min-width: 48rem) and (max-width: 89.99rem) { .lr-js .lr-header__menu { opacity: 1; pointer-events: auto; transform: none; } } .home .wp-site-blocks > header .wp-block-navigation__responsive-container.is-menu-open a, body:has(.lr-band):not(.home) .wp-site-blocks > header .wp-block-navigation__responsive-container.is-menu-open a { color: var(--wp--preset--color--contrast); } .wp-site-blocks > header .wp-block-navigation__responsive-container-open { color: var(--lr-accent); } @media (min-width: 48rem) { .lr-scrolled .home .wp-site-blocks > header .wp-block-navigation__responsive-container-open, .lr-scrolled body:has(.lr-band):not(.home) .wp-site-blocks > header .wp-block-navigation__responsive-container-open { color: var(--lr-accent); } .lr-scrolled .home .wp-site-blocks > header .wp-block-navigation__responsive-container-open:hover, .lr-scrolled body:has(.lr-band):not(.home) .wp-site-blocks > header .wp-block-navigation__responsive-container-open:hover { color: var(--lr-accent-deep); } } body:not(.home) .wp-site-blocks > header .wp-block-navigation__responsive-container-open:hover { color: var(--lr-accent-deep); } @media (prefers-reduced-motion: no-preference) { .wp-site-blocks > header .wp-block-navigation__responsive-container-open { transition: color .3s var(--lr-ease); } } :root { --lr-overlay-row: 44px; --lr-overlay-link: var(--wp--preset--font-size--medium); --lr-ov-pitch: var(--lr-overlay-row); --lr-ov-gap: var(--wp--preset--spacing--20); --lr-ov-air: calc(var(--lr-ov-gap) + (var(--lr-ov-pitch) - 1.6 * var(--lr-overlay-link)) / 2); } .wp-site-blocks > header .wp-block-navigation__responsive-container.is-menu-open { overscroll-behavior-y: contain; } .wp-site-blocks > header .wp-block-navigation__responsive-container.is-menu-open { background-color: var(--lr-paper) !important; } :root .wp-site-blocks > header .wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .lr-season-switch__button { color: var(--lr-paper); } :root .wp-site-blocks > header .wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .lr-season-switch__button[aria-pressed='false'] { color: var(--lr-accent); } .wp-site-blocks > header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content { max-inline-size: 52rem; inline-size: 100%; } .wp-site-blocks > header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container { gap: 0; align-items: stretch; inline-size: 100%; } .wp-site-blocks > header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content { min-block-size: var(--lr-ov-pitch); display: flex; align-items: center; font-size: var(--lr-overlay-link); } .wp-site-blocks > header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-item__content { inline-size: 100%; max-inline-size: 26rem; } .wp-site-blocks > header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container > .wp-block-navigation-item.has-child { border-block: 1px solid var(--lr-hairline); margin-block: var(--lr-ov-gap); padding-block: var(--lr-ov-gap); inline-size: 100%; } .wp-site-blocks > header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item.has-child > .wp-block-navigation-item__content { font-family: var(--wp--preset--font-family--body); font-size: .75rem; font-weight: 400; letter-spacing: .18em; text-transform: uppercase; } .wp-site-blocks > header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item.has-child .wp-block-navigation__submenu-container { padding: 0; padding-inline-start: var(--wp--preset--spacing--20); min-inline-size: 0; gap: 0; inline-size: 100%; } .wp-site-blocks > header .wp-block-navigation__responsive-container.is-menu-open .lr-nav-extras { display: flex; flex-direction: column; gap: var(--wp--preset--spacing--20); margin-block-start: 0; padding-block-start: var(--lr-ov-air); border-block-start: 1px solid var(--lr-hairline); inline-size: 100%; } .wp-site-blocks > header .wp-block-navigation__responsive-container.is-menu-open .lr-nav-extras .lr-nav-season, .wp-site-blocks > header .wp-block-navigation__responsive-container.is-menu-open .lr-nav-extras .lr-nav-lang { margin-block-start: 0; padding-block-start: 0; border-block-start: 0; gap: var(--wp--preset--spacing--20); } .wp-site-blocks > header .wp-block-navigation__responsive-container.is-menu-open .lr-nav-season__label, .wp-site-blocks > header .wp-block-navigation__responsive-container.is-menu-open .lr-nav-lang__label { font-size: .75rem; min-width: 0; opacity: 1; } .wp-site-blocks > header .wp-block-navigation__responsive-container.is-menu-open .lr-nav-lang .lr-lang-dropdown__link { min-block-size: var(--lr-overlay-row); } .wp-site-blocks > header .wp-block-navigation__responsive-container.is-menu-open .lr-nav-lang .lr-lang-dropdown__trigger { min-inline-size: var(--lr-overlay-row); min-block-size: var(--lr-overlay-row); } .wp-site-blocks > header .wp-block-navigation__responsive-container:not(.is-menu-open) .lr-nav-book { display: none; } .wp-site-blocks > header .wp-block-navigation__responsive-container.is-menu-open .lr-nav-book { display: flex; position: sticky; inset-block-end: -1rem; z-index: 1; margin-block-start: 0; padding-block: var(--lr-ov-gap) var(--lr-ov-air); background: linear-gradient(to bottom, color-mix(in srgb, var(--lr-paper) 0%, transparent), var(--lr-paper) var(--lr-ov-gap)); inline-size: 100%; } .wp-site-blocks > header .wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .lr-nav-book a.lr-book-button, .wp-site-blocks > header .wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .lr-nav-book a.lr-book-button:hover { color: var(--lr-paper); } .lr-header-enter .wp-site-blocks > header .lr-nav-book .lr-book-button { opacity: 1; pointer-events: auto; transition: none; } .wp-site-blocks > header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container > .wp-block-navigation-item:not(.has-child) > .wp-block-navigation-item__content .wp-block-navigation-item__label { position: relative; } .wp-site-blocks > header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container > .wp-block-navigation-item:not(.has-child) > .wp-block-navigation-item__content .wp-block-navigation-item__label::after { content: ''; position: absolute; inset-inline-start: 0; inset-block-start: 100%; inline-size: 100%; block-size: 1.5px; background: var(--lr-accent-deep); transform: scale3d(0, 1, 1); transform-origin: 100% 50%; pointer-events: none; } .wp-site-blocks > header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-item__content:hover .wp-block-navigation-item__label::after, .wp-site-blocks > header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-item__content:focus-visible .wp-block-navigation-item__label::after { transform: scale3d(1, 1, 1); transform-origin: 0% 50%; } .wp-site-blocks > header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container > .wp-block-navigation-item:not(.has-child) > .wp-block-navigation-item__content:hover, .wp-site-blocks > header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container > .wp-block-navigation-item:not(.has-child) > .wp-block-navigation-item__content:focus-visible { color: var(--lr-accent-deep); } .wp-site-blocks > header .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__container > .wp-block-navigation-item:not(.has-child) > .wp-block-navigation-item__content .wp-block-navigation-item__label { position: relative; } .wp-site-blocks > header .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__container > .wp-block-navigation-item:not(.has-child) > .wp-block-navigation-item__content .wp-block-navigation-item__label::after { content: ''; position: absolute; inset-inline-start: 0; inset-block-start: 100%; inline-size: 100%; block-size: 1.5px; background: currentColor; transform: scale3d(0, 1, 1); transform-origin: 100% 50%; pointer-events: none; } .wp-site-blocks > header .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-item__content:hover .wp-block-navigation-item__label::after, .wp-site-blocks > header .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-item__content:focus-visible .wp-block-navigation-item__label::after { transform: scale3d(1, 1, 1); transform-origin: 0% 50%; } .home .wp-site-blocks > header .wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open a:focus-visible, .home .wp-site-blocks > header .wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close:focus-visible, body:has(.lr-band):not(.home) .wp-site-blocks > header .wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open a:focus-visible, body:has(.lr-band):not(.home) .wp-site-blocks > header .wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close:focus-visible { outline: 1px solid var(--wp--preset--color--secondary); outline-offset: 3px; box-shadow: none; } @media (min-width: 48rem) { .wp-site-blocks > header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item.has-child .wp-block-navigation__submenu-container { flex-direction: row; flex-wrap: wrap; align-items: center; column-gap: var(--wp--preset--spacing--40); padding-inline-start: 0; } .wp-site-blocks > header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container > .wp-block-navigation-item { inline-size: auto; } .wp-site-blocks > header .wp-block-navigation__responsive-container.is-menu-open .lr-nav-extras { flex-direction: row; align-items: center; column-gap: var(--wp--preset--spacing--40); } } .wp-site-blocks > header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content { gap: 0; padding-block-start: calc(var(--lr-overlay-row) + var(--lr-ov-gap)); } .wp-site-blocks > header .wp-block-navigation__responsive-container.is-menu-open .has-child .wp-block-navigation__submenu-container > .wp-block-navigation-item > .wp-block-navigation-item__content { padding-block: 0; } @media (max-width: 47.99rem) { :root { --lr-ov-pitch: clamp(28px, calc((100svh - 144px) * 11 / 156), var(--lr-overlay-row)); --lr-ov-gap: calc(var(--lr-ov-pitch) * 3 / 11); } .wp-site-blocks > header .wp-block-navigation__responsive-container.is-menu-open .lr-nav-extras { flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: space-between; column-gap: var(--wp--preset--spacing--20); row-gap: var(--lr-ov-gap); } } .wp-site-blocks > header .wp-block-navigation__responsive-container.is-menu-open .lr-season-switch { display: inline-flex; align-items: center; gap: calc(var(--wp--preset--spacing--20) / 2); inline-size: auto; block-size: auto; } .wp-site-blocks > header .wp-block-navigation__responsive-container.is-menu-open .lr-season-switch .lr-season-switch__button { --lr-angle: 0deg; position: relative; transform: none; } .wp-site-blocks > header .wp-block-navigation__responsive-container.is-menu-open .lr-nav-lang .lr-lang-dropdown__menu { position: absolute; inset-block-start: auto; inset-block-end: calc(100% + .5rem); inset-inline-start: auto; inset-inline-end: 0; min-inline-size: 140px; margin: 0; box-shadow: 0 10px 25px -5px rgba(0, 0, 0, .14), 0 4px 10px -2px rgba(0, 0, 0, .06); } @media (min-width: 90rem) { .wp-site-blocks > header .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation-item.has-child > .wp-block-navigation__submenu-icon { position: relative; min-inline-size: 0; min-block-size: 0; margin-inline-start: .25em; } .wp-site-blocks > header .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation-item.has-child > .wp-block-navigation__submenu-icon::after { content: ''; position: absolute; inset-block-start: 50%; inset-inline-start: 50%; inline-size: var(--lr-overlay-row); block-size: var(--lr-overlay-row); transform: translate(-50%, -50%); z-index: 2; } } @media (prefers-reduced-motion: no-preference) { .wp-site-blocks > header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-item__content .wp-block-navigation-item__label::after { transition: transform .3s var(--lr-ease); } .wp-site-blocks > header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-item__content { transition: color .3s var(--lr-ease); } .wp-site-blocks > header .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-item__content .wp-block-navigation-item__label::after { transition: transform .3s var(--lr-ease); } } @media (prefers-reduced-motion: reduce) { .lr-header-enter .wp-site-blocks > header .lr-brand, .lr-header-enter .wp-site-blocks > header .lr-header__actions .lr-season-switch, .lr-header-enter .wp-site-blocks > header .lr-book-button { opacity: 1; transform: none; transition: none; transition-delay: 0s; pointer-events: auto; } } :root a.lr-book-button--arrow { border-style: none; border-width: 0; }
:root .wp-site-blocks > .wp-block-template-part:has(> .lr-footer) { margin-block-start: 0; } .lr-footer { background: var(--lr-stone); color: var(--wp--preset--color--contrast); border-block-start: 1px solid var(--lr-hairline); padding-block: var(--wp--preset--spacing--40) var(--wp--preset--spacing--30); font-family: var(--wp--preset--font-family--body); font-size: var(--wp--preset--font-size--small); transition: background-color .5s var(--lr-ease); } :root .lr-footer > * { margin-block: 0; } :root .lr-footer > * + * { margin-block-start: var(--wp--preset--spacing--30); } .lr-footer :where(a, p, address, li, h2, h3, dd, dt) { overflow-wrap: anywhere; } .lr-footer__sheet { display: grid; gap: var(--wp--preset--spacing--40); } .lr-footer__sheet > * { min-inline-size: 0; } .lr-footer__col--lodge, .lr-footer__lodge { display: flex; flex-direction: column; gap: var(--wp--preset--spacing--20); } .lr-footer__col--lodge > .lr-brand, .lr-footer__lodge > .lr-brand { min-block-size: 44px; width: fit-content; max-inline-size: 100%; } .lr-footer .lr-brand__name { display: flex; } .lr-footer__address { font-style: normal; line-height: 1.65; color: inherit; } .lr-footer__address span { display: block; } .lr-footer__address-link { display: block; width: fit-content; max-inline-size: 100%; color: inherit; font-weight: 400; text-decoration: none; transition: color .3s var(--lr-ease); } .lr-footer__address-link:hover, .lr-footer__address-link:focus-visible { color: var(--lr-accent-deep); } .lr-footer__address-link:hover .lr-footer__address span, .lr-footer__address-link:focus-visible .lr-footer__address span { text-decoration: underline; text-decoration-color: currentColor; text-decoration-thickness: 1px; text-underline-offset: .25em; } .lr-footer__contact-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; } .lr-footer__social { display: flex; flex-wrap: wrap; gap: .25rem; margin-inline-start: calc((44px - 1.5rem) / -2); } .lr-footer__social .lr-footer__link { justify-content: center; min-inline-size: 44px; min-block-size: 44px; } .lr-footer__social .lr-icon { flex: none; } .lr-footer__contact-icon { display: inline-block; width: 1.25em; opacity: .7; } .lr-footer__links-extra { display: flex; flex-direction: column; } .lr-footer__book { margin-block-start: var(--wp--preset--spacing--20); } .lr-footer__heading { margin: 0 0 var(--wp--preset--spacing--20); font-family: var(--wp--preset--font-family--heading); font-size: max(var(--wp--preset--font-size--large), calc(1em * 1.3 * 1.3)); font-weight: 600; line-height: 1.3; letter-spacing: normal; } .lr-footer__list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; } .lr-footer__inline-list { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; align-items: center; gap: 0 var(--wp--preset--spacing--30); } .lr-footer__link { display: inline-flex; align-items: center; gap: .4em; width: fit-content; max-inline-size: 100%; min-block-size: 38px; font-size: var(--wp--preset--font-size--small); font-weight: 400; line-height: 1.4; color: inherit; text-decoration: underline; text-decoration-color: transparent; text-decoration-thickness: 1px; text-underline-offset: .25em; transition: color .3s var(--lr-ease), text-decoration-color .3s var(--lr-ease); } .lr-footer__link:hover, .lr-footer__link:focus-visible, .lr-footer__link[aria-current='true'] { color: var(--lr-accent-deep); text-decoration-color: currentColor; } .lr-footer a:focus-visible { outline: 2px solid var(--wp--preset--color--secondary); outline-offset: 3px; border-radius: 2px; } .lr-footer__arrow { font-size: 1.1em; line-height: 1; transition: transform .25s var(--lr-ease); } .lr-footer__link--external:hover .lr-footer__arrow, .lr-footer__link--external:focus-visible .lr-footer__arrow { transform: translate(2px, -2px); } .lr-footer__link.lr-link--pen { font-size: calc(1em * 1.3); text-decoration: none; font-weight: 600; } .lr-footer__link.lr-link--pen:hover, .lr-footer__link.lr-link--pen:focus-visible { color: var(--lr-secondary-deep); } .lr-footer__baseline { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--wp--preset--spacing--20) var(--wp--preset--spacing--30); padding-block-start: var(--wp--preset--spacing--20); border-block-start: 1px solid var(--lr-hairline); } .lr-footer__copyright { margin: 0; line-height: 1.5; opacity: .9; } .lr-footer__legal { display: flex; align-items: center; } @media (min-width: 48rem) { .lr-footer__sheet { grid-template-columns: 1.4fr 1fr 1.2fr; gap: var(--wp--preset--spacing--30); } } @media (min-width: 64rem) { .lr-footer__sheet { grid-template-columns: 1.5fr 1fr 1.3fr; gap: var(--wp--preset--spacing--40); } } @media (pointer: coarse), (max-width: 47.99rem) { .lr-footer__link { min-block-size: 44px; } } @media (prefers-reduced-motion: reduce) { .lr-footer, .lr-footer__link, .lr-footer__arrow { transition-duration: 1ms !important; } }
.lr-hours { display: flex; flex-direction: column; gap: var(--wp--preset--spacing--30); } .lr-hours__heading { margin: 0; font-family: var(--wp--preset--font-family--heading); font-size: var(--wp--preset--font-size--large); font-weight: 600; line-height: 1.3; } .lr-hours__list { display: flex; flex-direction: column; gap: var(--wp--preset--spacing--20); } .lr-hours__line { margin: 0; display: flex; flex-wrap: wrap; align-items: baseline; column-gap: .6em; row-gap: .2em; font-size: var(--wp--preset--font-size--medium); line-height: 1.5; } .lr-hours__label { display: inline-flex; align-items: center; gap: .5em; } .lr-hours__value { color: inherit; }
@property --lr-wipe-r { syntax: '<percentage>'; inherits: false; initial-value: 0%; } .lr-season-wipe { --lr-wipe-x: 88%; --lr-wipe-y: 7%; --lr-wipe-tint: var(--wp--preset--color--primary); --lr-wipe-feather: 18%; position: fixed; inset: 0; z-index: 900; pointer-events: none; background-color: color-mix(in srgb, var(--lr-wipe-tint) 24%, transparent); opacity: 0; animation: lr-season-soften 1100ms var(--lr-ease) forwards; } .lr-season-wipe--from-summer { --lr-wipe-tint: var(--wp--preset--color--primary); } .lr-season-wipe--from-winter { --lr-wipe-tint: var(--wp--preset--color--winter); } .lr-season-wipe.lr-season-wipe--masked { -webkit-mask-image: radial-gradient( circle farthest-corner at var(--lr-wipe-x) var(--lr-wipe-y), transparent 0, transparent var(--lr-wipe-r), #000 calc(var(--lr-wipe-r) + var(--lr-wipe-feather)), #000 100% ); mask-image: radial-gradient( circle farthest-corner at var(--lr-wipe-x) var(--lr-wipe-y), transparent 0, transparent var(--lr-wipe-r), #000 calc(var(--lr-wipe-r) + var(--lr-wipe-feather)), #000 100% ); animation-name: lr-season-wipe; } @keyframes lr-season-wipe { 0% { opacity: 0; --lr-wipe-r: 0%; -webkit-backdrop-filter: blur(0px); backdrop-filter: blur(0px); } 16% { opacity: 1; --lr-wipe-r: 0%; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); } 100% { opacity: 1; --lr-wipe-r: 100%; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); } } @keyframes lr-season-soften { 0% { opacity: 0; -webkit-backdrop-filter: blur(0px); backdrop-filter: blur(0px); } 26% { opacity: 1; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); } 62% { opacity: 1; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); } 100% { opacity: 0; -webkit-backdrop-filter: blur(0px); backdrop-filter: blur(0px); } } :root.lr-season-wiping .wp-site-blocks > header { z-index: 1000; } :root.lr-season-wiping .wp-site-blocks > header.lr-season-wipe-lift { position: relative; } @media (prefers-reduced-motion: reduce) { .lr-season-wipe { display: none; } }
:root { --lr-pull-tilt: -3deg; } .lr-pull__slip { rotate: var(--lr-pull-tilt); transform-origin: 50% 50%; position: relative; } .lr-pull .lr-pull__quote { font-size: max(1.7rem, var(--wp--preset--font-size--x-large)); line-height: 1.25; text-wrap: pretty; } .lr-pull .lr-pull__open { position: absolute; inset-inline-end: 100%; inset-block-start: 0; font: inherit; line-height: inherit; margin-inline-end: 0.06em; } @media (max-width: 47.99rem) { .lr-pull .lr-pull__slip { padding-inline-start: var(--wp--preset--spacing--20); } .lr-pull .lr-pull__open { inset-inline-end: calc(100% - var(--wp--preset--spacing--20)); } } :root .lr-pull { --lr-pull-blob-lift: -3rem; } @media (min-width: 64rem) { .lr-pull { display: grid; grid-template-columns: minmax(0, 1fr) min(var(--wp--style--global--content-size), 100%); gap: var(--wp--preset--spacing--50); align-items: center; } :root .lr-pull > * { margin-block-start: 0; } } @media (max-width: 63.99rem) { :root .lr-pull > .lr-cluster + .lr-pull__slip { margin-block-start: var(--wp--preset--spacing--40); } :root .lr-pull { --lr-pull-blob-lift: 0rem; } } :root .lr-pull > .lr-cluster > :nth-child(1) { grid-column: 1 / span 9; } :root .lr-pull > .lr-cluster > :nth-child(2) { grid-column: 7 / span 6; margin-block-start: 0; align-self: center; } .lr-pull__quote .lr-ch { opacity: 1; } .lr-pull__quote.lr-type-ready .lr-ch { opacity: 0; } .lr-pull__quote.is-writing .lr-ch { opacity: 0; animation: lr-type 1ms linear forwards; animation-delay: calc(var(--i) * 26ms); } @keyframes lr-type { to { opacity: 1; } } .lr-pull__quote .lr-caret { display: inline-block; width: 0.08em; margin-inline-start: 0.03em; background: currentColor; opacity: 0; vertical-align: -0.05em; } .lr-pull__quote.is-writing .lr-caret { opacity: 1; animation: lr-caret-blink 0.85s steps(1) infinite; } @keyframes lr-caret-blink { 50% { opacity: 0; } } .lr-pull__names { font-family: var(--wp--preset--font-family--hand); font-size: 1.7rem; color: var(--wp--preset--color--contrast); } .lr-pull__dash { font-family: var(--wp--preset--font-family--hand); font-size: 1.7rem; color: var(--wp--preset--color--contrast); } .lr-pull__dash.lr-fade-ready { opacity: 0; } .lr-pull__dash.lr-fade-ready.is-shown { opacity: 1; } .lr-pull__names .lr-ch { opacity: 1; } .lr-pull__names.lr-type-ready .lr-ch { opacity: 0; } .lr-pull__names.is-writing .lr-ch { opacity: 0; animation: lr-type 1ms linear forwards; animation-delay: calc(var(--i) * 26ms); } .lr-pull__names .lr-caret { display: inline-block; width: 0.08em; margin-inline-start: 0.03em; background: currentColor; opacity: 0; vertical-align: -0.05em; } .lr-pull__names.is-writing .lr-caret { opacity: 1; animation: lr-caret-blink 0.85s steps(1) infinite; } .lr-pull__by .lr-link--pen.lr-fade-ready { opacity: 0; } .lr-pull__by .lr-link--pen.lr-fade-ready.is-shown { opacity: 1; transition: opacity 0.4s var(--lr-ease); } .lr-testimonial__slip { rotate: var(--lr-pull-tilt); transform-origin: 50% 50%; position: relative; } .lr-testimonial .lr-testimonial__open { position: absolute; inset-inline-end: 100%; inset-block-start: 0; font: inherit; line-height: inherit; margin-inline-end: 0.06em; } :root { --lr-testimonial-photo-tilt: -2deg; } .lr-testimonial__frame { display: block; width: 82%; margin-inline: 0 auto; position: relative; rotate: var(--lr-testimonial-photo-tilt); transform-origin: 50% 50%; box-shadow: 0 1.25rem 2rem -1.25rem color-mix(in srgb, var(--wp--preset--color--contrast) 55%, transparent); } .lr-testimonial__frame .lr-testimonial__portrait { display: block; } @media (max-width: 47.99rem) { .lr-testimonial__frame { width: 90%; } } .lr-testimonial__frame::before, .lr-testimonial__frame::after { content: ""; position: absolute; width: 3.25rem; height: 1.35rem; background: color-mix(in srgb, var(--lr-paper) 78%, transparent); box-shadow: 0 1px 2px color-mix(in srgb, var(--wp--preset--color--contrast) 20%, transparent); rotate: -38deg; pointer-events: none; } .lr-testimonial__frame::before { inset-block-start: -0.55rem; inset-inline-start: -0.85rem; } .lr-testimonial__frame::after { inset-block-end: -0.55rem; inset-inline-end: -0.85rem; } .lr-testimonial--photo { margin-block-start: 1.5rem; row-gap: 1.75rem; } @media (min-width: 48rem) { #wat-gasten-zeggen .lr-testimonial--photo { margin-block-start: 0; } #wat-gasten-zeggen .lr-testimonial:nth-child(2) { margin-block-start: 5rem; } } #wat-gasten-zeggen .lr-testimonial:nth-child(2) { --lr-pull-tilt: 3deg; --lr-testimonial-photo-tilt: 2deg; } #wat-gasten-zeggen .lr-testimonial:nth-child(2) .lr-testimonial__frame { margin-inline: auto 0; } #wat-gasten-zeggen .lr-testimonial:nth-child(2) .lr-testimonial__frame::before, #wat-gasten-zeggen .lr-testimonial:nth-child(2) .lr-testimonial__frame::after { rotate: 38deg; } #wat-gasten-zeggen .lr-testimonial:nth-child(2) .lr-testimonial__frame::before { inset-inline: auto -0.85rem; } #wat-gasten-zeggen .lr-testimonial:nth-child(2) .lr-testimonial__frame::after { inset-inline: -0.85rem auto; } @media (min-width: 48rem) { #wat-gasten-zeggen .lr-testimonial:nth-child(2) { align-self: end; } } @media (max-width: 47.99rem) { #wat-gasten-zeggen .lr-testimonial:nth-child(2) { margin-block-start: var(--wp--preset--spacing--60); } } #wat-gasten-zeggen .lr-testimonial:nth-child(2) .lr-testimonial__portrait { aspect-ratio: 3 / 2; } .lr-testimonial__quote .lr-ch { opacity: 1; } .lr-testimonial__quote.lr-type-ready .lr-ch { opacity: 0; } .lr-testimonial__quote.is-writing .lr-ch { opacity: 0; animation: lr-type 1ms linear forwards; animation-delay: calc(var(--i) * 26ms); } .lr-testimonial__quote .lr-caret { display: inline-block; width: 0.08em; margin-inline-start: 0.03em; background: currentColor; opacity: 0; vertical-align: -0.05em; } .lr-testimonial__quote.is-writing .lr-caret { opacity: 1; animation: lr-caret-blink 0.85s steps(1) infinite; } .lr-testimonial__names, .lr-testimonial__dash { font-family: var(--wp--preset--font-family--hand); font-size: 1.7rem; color: var(--wp--preset--color--contrast); } .lr-testimonial__dash.lr-fade-ready { opacity: 0; } .lr-testimonial__dash.lr-fade-ready.is-shown { opacity: 1; } .lr-testimonial__names .lr-ch { opacity: 1; } .lr-testimonial__names.lr-type-ready .lr-ch { opacity: 0; } .lr-testimonial__names.is-writing .lr-ch { opacity: 0; animation: lr-type 1ms linear forwards; animation-delay: calc(var(--i) * 26ms); } .lr-testimonial__names .lr-caret { display: inline-block; width: 0.08em; margin-inline-start: 0.03em; background: currentColor; opacity: 0; vertical-align: -0.05em; } .lr-testimonial__names.is-writing .lr-caret { opacity: 1; animation: lr-caret-blink 0.85s steps(1) infinite; } .lr-testimonial__slip .lr-link--pen.lr-fade-ready { opacity: 0; } .lr-testimonial__slip .lr-link--pen.lr-fade-ready.is-shown { opacity: 1; transition: opacity 0.4s var(--lr-ease); } .lr-testimonial .lr-link--pen .lr-pen path, .lr-pull__by .lr-link--pen .lr-pen path { stroke-dashoffset: 0; } .lr-placed-photo { margin-block-start: 1.5rem; display: flex; flex-direction: column; row-gap: 1rem; } .lr-placed-photo__frame { display: block; position: relative; inline-size: 82%; margin-inline: auto; rotate: var(--lr-testimonial-photo-tilt); border-radius: var(--lr-radius, 4px); box-shadow: 0 10px 24px -18px rgb(0 0 0 / 45%); } .lr-placed-photo__frame img { display: block; inline-size: 100%; block-size: auto; border-radius: inherit; } @media (max-width: 47.99rem) { .lr-placed-photo__frame { inline-size: 90%; } } .lr-placed-photo__frame::before, .lr-placed-photo__frame::after { content: ""; position: absolute; inline-size: 3.25rem; block-size: 1.15rem; background: color-mix(in srgb, var(--lr-paper) 72%, transparent); box-shadow: 0 1px 2px rgb(0 0 0 / 12%); pointer-events: none; } .lr-placed-photo__frame::before { inset-block-start: -0.55rem; inset-inline-start: -0.85rem; rotate: -38deg; } .lr-placed-photo__frame::after { inset-block-end: -0.55rem; inset-inline-end: -0.85rem; rotate: -38deg; } .lr-placed-photo__note { margin: 0; inline-size: 82%; margin-inline: auto; text-wrap: balance; } @media (max-width: 47.99rem) { .lr-placed-photo__note { inline-size: 90%; } } .lr-intro-row .lr-placed-photo__frame { inline-size: 100%; } .lr-placed-photo__note { inline-size: 100%; margin-inline: 0; padding-inline-start: var(--wp--preset--spacing--20); max-inline-size: none; font-size: 1.5rem; line-height: 1.35; text-align: start; text-wrap: nowrap; } @media (max-width: 47.99rem) { .lr-placed-photo__note { font-size: 1.25rem; text-wrap: balance; } } .lr-form-stage { display: grid; gap: var(--wp--preset--spacing--40); align-items: stretch; } @media (min-width: 64rem) { .lr-form-stage { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); column-gap: var(--wp--preset--spacing--50); } } .lr-form-stage__media { margin: 0; position: relative; min-block-size: 100%; border-radius: var(--lr-radius, 4px); overflow: hidden; } .lr-form-stage > .lr-form-stage__media { margin-block: 0; } .lr-form-stage .lr-contact-form > .lr-form-note:last-child { margin-block-end: 0; } .lr-form-stage__media img { position: absolute; inset: 0; inline-size: 100%; block-size: 100%; object-fit: cover; display: block; } @media (max-width: 63.99rem) { .lr-form-stage__media { min-block-size: 0; aspect-ratio: 3 / 2; } .lr-form-stage__media img { position: static; } } .lr-placed-photo__note { rotate: var(--lr-testimonial-photo-tilt); transform-origin: 0 50%; } .lr-placed-photo { row-gap: var(--wp--preset--spacing--40); } @media (min-width: 48rem) { #wat-gasten-zeggen .lr-sec--split > .lr-testimonial { grid-column: auto; } #wat-gasten-zeggen .lr-testimonial:nth-child(2) .lr-testimonial__slip { margin-inline-start: 18%; } } @media (max-width: 63.99rem) { .lr-pull .lr-pull__slip, .lr-testimonial .lr-testimonial__slip { padding-inline: var(--wp--preset--spacing--20); } .lr-pull .lr-pull__open, .lr-testimonial .lr-testimonial__open { inset-inline-end: calc(100% - var(--wp--preset--spacing--20)); } .lr-testimonial .lr-testimonial__names .lr-caret { position: absolute; } } @media (max-width: 63.99rem) { :root .lr-pull--story > .lr-pull__story { margin-block-start: var(--wp--preset--spacing--50); } } @media (min-width: 64rem) { :root .lr-pull.lr-pull--story { grid-template-columns: minmax(0, 1fr) min(var(--wp--style--global--content-size), 50%); grid-template-rows: auto 1fr; row-gap: var(--wp--preset--spacing--40); align-items: start; } :root .lr-pull--story > .lr-cluster { grid-column: 1; grid-row: 1 / span 2; align-self: start; position: sticky; inset-block-start: calc(var(--lr-header-h, 6rem) + var(--wp--preset--spacing--40)); } :root .lr-pull--story > .lr-pull__slip { grid-column: 2; grid-row: 1; } :root .lr-pull--story > .lr-pull__story { grid-column: 2; grid-row: 2; } } @media (min-width: 48rem) { .lr-testimonial--photo.lr-testimonial--side { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); column-gap: var(--wp--preset--spacing--60); align-items: center; } .lr-testimonial--side .lr-testimonial__frame { width: 100%; } }
@media (prefers-reduced-motion: no-preference) { .lr-amb { --lr-amb-count: 20; grid-area: 1 / 1; position: relative; z-index: 1; align-self: stretch; pointer-events: none; contain: layout paint; } @media (width < 48rem) { .lr-amb { --lr-amb-count: 11; } } .lr-amb__flake { --size: calc(2px + var(--r-size) * 2.5px); --x: calc(var(--r-x) * 100%); --y0: calc(-6svh - var(--r-y) * 12svh); --fall: calc(30svh + var(--r-fall) * 14svh); --dx: calc((var(--r-dx) - .5) * 10svh); --dur: calc(2.9s + var(--r-dur) * .6s); --delay: calc(var(--r-delay) * var(--dur) * -1); --peak: calc(.38 + var(--r-peak) * .24); position: absolute; inset-block-start: 0; inset-inline-start: var(--x); width: var(--size); height: var(--size); border-radius: 50%; background: var(--wp--preset--color--snow); opacity: 0; animation: lr-amb-fall var(--dur) linear var(--delay) infinite; } @keyframes lr-amb-fall { from { transform: translate3d(0, var(--y0), 0); opacity: 0; } 18% { opacity: var(--peak); } 72% { opacity: var(--peak); } to { transform: translate3d(var(--dx), calc(var(--y0) + var(--fall)), 0); opacity: 0; } } .lr-amb-light { --lr-amb-sun: color-mix(in srgb, var(--wp--preset--color--secondary) 30%, var(--wp--preset--color--snow)); --lr-amb-sweep-deg: 23deg; --lr-amb-sweep-s: 15.5s; --lr-amb-shimmer-s: 16s; --lr-amb-twinkle-peak: 1; --lr-amb-twinkle-a-s: 4.4s; --lr-amb-twinkle-b-s: 7.5s; --lr-amb-twinkle-c-s: 4.3s; position: fixed; inset: 0; z-index: 1; pointer-events: none; overflow: clip; opacity: 0; animation: lr-amb-light-in 2.6s var(--lr-ease) both; } .lr-amb-light__beam { position: absolute; inset: 0; background: radial-gradient( 78% 150% at 104% 6%, color-mix(in srgb, var(--lr-amb-sun) 92%, transparent) 0%, color-mix(in srgb, var(--lr-amb-sun) 46%, transparent) 26%, color-mix(in srgb, var(--lr-amb-sun) 14%, transparent) 48%, transparent 68% ); mask-image: linear-gradient(to bottom, transparent 0%, transparent 14%, #000 26%); opacity: .10; animation: lr-amb-breathe 18s var(--lr-ease) infinite alternate; } .lr-amb-light__gap { position: absolute; inset: 0; overflow: clip; mask-image: linear-gradient(to bottom, transparent 0%, transparent 14%, #000 30%); mask-repeat: no-repeat; mask-size: 100% 100%; } .lr-amb-light__shafts { --lr-amb-reach: calc(max(100vw, 100vh) * 1.08); position: absolute; inset-block-start: 0; inset-inline-end: 0; inline-size: var(--lr-amb-reach); block-size: var(--lr-amb-reach); background: radial-gradient( circle calc(30vw + 46vh) at 100% 0%, color-mix(in srgb, var(--lr-amb-sun) 58%, transparent) 0%, color-mix(in srgb, var(--lr-amb-sun) 38%, transparent) 28%, color-mix(in srgb, var(--lr-amb-sun) 15%, transparent) 56%, color-mix(in srgb, var(--lr-amb-sun) 4%, transparent) 78%, transparent 100% ); mask-image: linear-gradient( 135deg, transparent 38.3%, rgb(0 0 0 / .38) 39.2%, transparent 41.0%, transparent 44.6%, rgb(0 0 0 / .92) 45.6%, rgb(0 0 0 / .92) 47.4%, transparent 49.6%, transparent 51.0%, rgb(0 0 0 / .62) 51.8%, transparent 53.4%, transparent 54.6%, rgb(0 0 0 / .34) 55.2%, transparent 56.6% ); mask-repeat: no-repeat; mask-size: 100% 100%; opacity: .80; transform-origin: 100% 0; animation: lr-amb-sweep var(--lr-amb-sweep-s) var(--lr-ease) infinite alternate, lr-amb-shimmer var(--lr-amb-shimmer-s) var(--lr-ease) infinite alternate; } @keyframes lr-amb-sweep { from { transform: rotate(calc(var(--lr-amb-sweep-deg) * -1)); } to { transform: rotate(var(--lr-amb-sweep-deg)); } } @keyframes lr-amb-shimmer { from { opacity: .42; } to { opacity: 1; } } @keyframes lr-amb-light-in { from { opacity: 0; } to { opacity: 1; } } @keyframes lr-amb-breathe { from { opacity: .10; transform: none; } to { opacity: .135; transform: scale(1.015); } } .lr-amb.is-paused .lr-amb__flake, .lr-amb-light.is-paused, .lr-amb-light.is-paused .lr-amb-light__beam, .lr-amb-light.is-paused .lr-amb-light__shafts, .lr-amb-light.is-paused .lr-amb-light__motes, .lr-amb-light.is-paused .lr-amb-light__motes--b, .lr-amb-light.is-paused .lr-amb-light__motes--c { animation-play-state: paused; } .lr-amb-pause--footer { appearance: none; background: none; border: 0; padding: 0; font: inherit; color: inherit; cursor: pointer; text-align: inherit; } .lr-amb-pause--footer[aria-pressed='true'] { text-decoration: underline; text-underline-offset: .25em; } .lr-amb-pause:not(.lr-amb-pause--footer) { position: fixed; inset-block-end: calc(clamp(1rem, 3vh, 1.75rem) + var(--lr-amb-lift, 0px)); inset-inline-end: clamp(1rem, 3vw, 1.75rem); z-index: 2; display: grid; place-items: center; inline-size: 44px; block-size: 44px; padding: 0; border: 1px solid rgb(255 255 255 / .38); border-radius: 50%; background: rgb(0 0 0 / .28); backdrop-filter: blur(6px); color: var(--wp--preset--color--snow); cursor: pointer; opacity: 0; animation: lr-amb-pause-in var(--lr-dur-hairline, .5s) var(--lr-ease) 3.2s both; transition: opacity var(--lr-dur-hairline, .5s) var(--lr-ease); } .lr-amb-pause:not(.lr-amb-pause--footer):hover, .lr-amb-pause:not(.lr-amb-pause--footer):focus-visible { opacity: 1; } .lr-amb-pause svg { inline-size: 18px; block-size: 18px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; pointer-events: none; } .lr-amb-pause[aria-pressed='true'] .lr-amb-pause__slash { display: none; } @keyframes lr-amb-pause-in { from { opacity: 0; } to { opacity: .5; } } } .lr-amb-light__motes, .lr-amb-light__motes--b, .lr-amb-light__motes--c { position: absolute; inset: 0; pointer-events: none; opacity: 0; mix-blend-mode: screen; } .lr-amb-light__motes { background-image: radial-gradient(circle 2.5px at 82% 38%, var(--lr-amb-sun) 0%, transparent 100%), radial-gradient(circle 1.8px at 91% 51%, var(--lr-amb-sun) 0%, transparent 100%); } .lr-amb-light__motes--b { background-image: radial-gradient(circle 2.2px at 74% 46%, var(--lr-amb-sun) 0%, transparent 100%), radial-gradient(circle 1.5px at 88% 58%, var(--lr-amb-sun) 0%, transparent 100%); } .lr-amb-light__motes--c { background-image: radial-gradient(circle 2px at 68% 41%, var(--lr-amb-sun) 0%, transparent 100%); } @media (prefers-reduced-motion: no-preference) { .lr-amb-light__motes { animation: lr-amb-twinkle var(--lr-amb-twinkle-a-s) var(--lr-ease, ease-in-out) infinite; } .lr-amb-light__motes--b { animation: lr-amb-twinkle var(--lr-amb-twinkle-b-s) var(--lr-ease, ease-in-out) infinite -2.1s; } .lr-amb-light__motes--c { animation: lr-amb-twinkle var(--lr-amb-twinkle-c-s) var(--lr-ease, ease-in-out) infinite -0.8s; } } @media (prefers-reduced-motion: reduce) { .lr-amb-light__motes, .lr-amb-light__motes--b, .lr-amb-light__motes--c { opacity: .28; } } @keyframes lr-amb-twinkle { 0% { opacity: .15; } 12% { opacity: var(--lr-amb-twinkle-peak); } 35% { opacity: .25; } 100% { opacity: .15; } } .lr-amb-leaves { position: fixed; inset: 0; z-index: -1; pointer-events: none; overflow: clip; mix-blend-mode: multiply; } .lr-amb-leaf { position: absolute; pointer-events: none; opacity: var(--lr-leaf-peak, .18); } .lr-amb-leaf__art { position: absolute; inset: 0; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: var(--lr-leaf-plate); filter: blur(3px); will-change: transform; } .lr-amb-leaf--bough { --lr-leaf-plate: url("https://larandulina.com/wp-content/themes/la-randulina-site/assets/css/../img/leaf-shadow-bough.webp"); --lr-leaf-peak: .20; inline-size: clamp(320px, 46vw, 760px); aspect-ratio: 900 / 1233; } .lr-amb-leaf--canopy { --lr-leaf-plate: url("https://larandulina.com/wp-content/themes/la-randulina-site/assets/css/../img/leaf-shadow-canopy.webp"); --lr-leaf-peak: .16; inline-size: clamp(420px, 62vw, 1040px); aspect-ratio: 1000 / 667; } .season-winter .lr-amb-leaf { --lr-leaf-plate: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='420' height='300' viewBox='0 0 420 300'><g transform='translate(150 118) rotate(10) scale(0.7) translate(-128 -128)'><path d='M221.83,150.57a6,6,0,0,1-4.4,7.26l-26.62,6.54,7,26.08a6,6,0,0,1-4.24,7.35,6.4,6.4,0,0,1-1.55.2,6,6,0,0,1-5.8-4.45L178.27,164,134,138.39v51.13l22.24,22.24a6,6,0,1,1-8.48,8.48L128,200.49l-19.76,19.75a6,6,0,0,1-8.48-8.48L122,189.52V138.39L77.73,164l-7.93,29.6A6,6,0,0,1,64,198a6.4,6.4,0,0,1-1.55-.2,6,6,0,0,1-4.24-7.35l7-26.08-26.62-6.54a6,6,0,0,1,2.86-11.66l30.23,7.43L116,128,71.66,102.4l-30.23,7.43A5.88,5.88,0,0,1,40,110a6,6,0,0,1-1.43-11.83l26.62-6.54-7-26.08a6,6,0,1,1,11.59-3.1l7.93,29.6L122,117.61V66.48L99.76,44.24a6,6,0,0,1,8.48-8.48L128,55.51l19.76-19.75a6,6,0,0,1,8.48,8.48L134,66.48v51.13l44.27-25.56,7.93-29.6a6,6,0,1,1,11.59,3.1l-7,26.08,26.62,6.54A6,6,0,0,1,216,110a5.88,5.88,0,0,1-1.43-.17l-30.23-7.43L140,128l44.34,25.6,30.23-7.43A6,6,0,0,1,221.83,150.57Z' fill='%231e2b3a' fill-opacity='0.95'/></g><g transform='translate(292 74) rotate(-24) scale(0.3) translate(-128 -128)'><path d='M221.83,150.57a6,6,0,0,1-4.4,7.26l-26.62,6.54,7,26.08a6,6,0,0,1-4.24,7.35,6.4,6.4,0,0,1-1.55.2,6,6,0,0,1-5.8-4.45L178.27,164,134,138.39v51.13l22.24,22.24a6,6,0,1,1-8.48,8.48L128,200.49l-19.76,19.75a6,6,0,0,1-8.48-8.48L122,189.52V138.39L77.73,164l-7.93,29.6A6,6,0,0,1,64,198a6.4,6.4,0,0,1-1.55-.2,6,6,0,0,1-4.24-7.35l7-26.08-26.62-6.54a6,6,0,0,1,2.86-11.66l30.23,7.43L116,128,71.66,102.4l-30.23,7.43A5.88,5.88,0,0,1,40,110a6,6,0,0,1-1.43-11.83l26.62-6.54-7-26.08a6,6,0,1,1,11.59-3.1l7.93,29.6L122,117.61V66.48L99.76,44.24a6,6,0,0,1,8.48-8.48L128,55.51l19.76-19.75a6,6,0,0,1,8.48,8.48L134,66.48v51.13l44.27-25.56,7.93-29.6a6,6,0,1,1,11.59,3.1l-7,26.08,26.62,6.54A6,6,0,0,1,216,110a5.88,5.88,0,0,1-1.43-.17l-30.23-7.43L140,128l44.34,25.6,30.23-7.43A6,6,0,0,1,221.83,150.57Z' fill='%231e2b3a' fill-opacity='0.62'/></g></svg>"); --lr-leaf-peak: .13; aspect-ratio: 420 / 300; inline-size: clamp(300px, 40vw, 620px); } .lr-amb-leaf--1 { --lr-leaf-from: 3vw 7vh; --lr-leaf-to: -2vw -9vh; inset-block-start: -8%; inset-inline-end: -10%; rotate: 6deg; scale: -1 1; } .lr-amb-leaf--2 { --lr-leaf-from: -4vw 9vh; --lr-leaf-to: 3vw -7vh; inset-block-start: 4%; inset-inline-start: -16%; rotate: -152deg; } .lr-amb-leaf--3 { --lr-leaf-from: 2vw 8vh; --lr-leaf-to: -4vw -6vh; inset-block-end: -6%; inset-inline-end: -14%; rotate: 168deg; scale: -1 1; } .lr-amb-leaf--4 { --lr-leaf-from: -3vw 6vh; --lr-leaf-to: 4vw -8vh; inset-block-start: -12%; inset-inline-start: -8%; rotate: 24deg; scale: -1 1; } .lr-amb-leaf--2, .lr-amb-leaf--4 { display: none; } @supports (animation-timeline: scroll()) and (animation-range: 0% 50%) { @media (prefers-reduced-motion: no-preference) { .lr-amb-leaf--2, .lr-amb-leaf--4 { display: block; } .lr-amb-leaf { animation: lr-leaf-pass linear; animation-timeline: scroll(); animation-fill-mode: both; will-change: opacity, translate; } .lr-amb-leaf--1 { animation-range: 0% 36%; } .lr-amb-leaf--2 { animation-range: 24% 62%; } .lr-amb-leaf--3 { animation-range: 48% 84%; } .lr-amb-leaf--4 { animation-range: 70% 100%; } } } @media (prefers-reduced-motion: no-preference) { .lr-amb-leaf__art { animation: lr-leaf-flutter 17s ease-in-out infinite; } .lr-amb-leaf--1 .lr-amb-leaf__art { animation-duration: 16s; animation-delay: -3s; } .lr-amb-leaf--2 .lr-amb-leaf__art { animation-duration: 19s; animation-delay: -9s; } .lr-amb-leaf--3 .lr-amb-leaf__art { animation-duration: 15s; animation-delay: -6s; } .lr-amb-leaf--4 .lr-amb-leaf__art { animation-duration: 18s; animation-delay: -1s; } } .lr-amb-leaves.is-paused .lr-amb-leaf__art { animation-play-state: paused; } @keyframes lr-leaf-flutter { 0% { translate: 0 0; rotate: 0deg; } 50% { translate: var(--lr-flutter-x, 1.1vw) var(--lr-flutter-y, -0.8vh); rotate: var(--lr-flutter-r, .9deg); } 100% { translate: 0 0; rotate: 0deg; } } @keyframes lr-leaf-pass { 0% { opacity: 0; translate: var(--lr-leaf-from, 0 8vh); } 18% { opacity: var(--lr-leaf-peak, .18); } 74% { opacity: var(--lr-leaf-peak, .18); } 100% { opacity: 0; translate: var(--lr-leaf-to, 0 -8vh); } }
:root .lr-sec { margin-block-start: var(--wp--preset--spacing--50); } :root .lr-sec--band { margin-block-start: var(--wp--preset--spacing--60); } :root .lr-panels { margin-block-start: var(--wp--preset--spacing--40); } :root .lr-sec__body > * + * { margin-block-start: var(--wp--preset--spacing--30); } @media (min-width: 48rem) { .lr-sec--split { display: grid; align-items: center; gap: var(--wp--preset--spacing--50); } :root .lr-sec--split > * { margin-block-start: 0; } .lr-sec--5-7 { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); } .lr-sec--6-6 { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); } .lr-sec--7-5 { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); } .lr-sec--media-end .lr-sec__media { order: 2; } .lr-sec--media-end .lr-sec__body { order: 1; } .lr-sec--top { align-items: start; } } .lr-sec__media img { inline-size: 100%; } .lr-measure { max-inline-size: var(--wp--style--global--content-size); } .lr-measure--start { margin-inline: 0 auto; } .lr-measure--end { margin-inline: auto 0; } #voor-wie .lr-measure, .lr-measure--wide { max-inline-size: clamp(44rem, 56vw, 62rem); } .lr-pull__quote { font-family: var(--wp--preset--font-family--hand); font-size: 1.7rem; line-height: 1.25; color: var(--wp--preset--color--contrast); margin: 0; } .lr-pull__by { margin-block-start: var(--wp--preset--spacing--30); margin-block-end: 0; text-align: end; font-size: var(--wp--preset--font-size--medium); } .lr-facts { list-style: none; padding-inline-start: 0; margin: 0; } :root .lr-facts > li + li { margin-block-start: var(--wp--preset--spacing--30); } @media (min-width: 48rem) { .lr-facts { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: var(--wp--preset--spacing--30) var(--wp--preset--spacing--40); } :root .lr-facts > li + li { margin-block-start: 0; } .lr-facts:has(> li:last-child:nth-child(odd)) { display: block; columns: 2; column-gap: var(--wp--preset--spacing--40); } .lr-facts:has(> li:last-child:nth-child(odd)) > li { break-inside: avoid; } .lr-facts:has(> li:last-child:nth-child(odd)) > li + li { margin-block-start: var(--wp--preset--spacing--30); } :root .lr-facts:has(> li:only-child) { display: block; columns: auto; } } .lr-facts .wp-block-buttons { justify-content: flex-end; } .lr-facts--cta .wp-block-buttons { justify-content: flex-start; } .lr-cluster { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); align-items: start; } :root .lr-cluster > :nth-child(1) { grid-column: 1 / span 7; grid-row: 1; margin-block-start: 0; } :root .lr-cluster > :nth-child(2) { grid-column: 9 / span 4; grid-row: 1; margin-block-start: var(--wp--preset--spacing--50); } @media (max-width: 47.99rem) { :root .lr-cluster > :nth-child(1) { grid-column: 1 / span 9; } :root .lr-cluster > :nth-child(2) { grid-column: 8 / span 5; margin-block-start: var(--wp--preset--spacing--40); } } .lr-closing { padding-block: var(--wp--preset--spacing--60); } .lr-closing__inner { width: 100%; padding-inline: clamp(1.25rem, 6.53vw, 5.875rem); text-align: start; } .lr-closing .wp-block-columns { align-items: flex-start !important; } :root .lr-closing .wp-block-column > * + * { margin-block-start: var(--wp--preset--spacing--30); } @media (min-width: 48rem) { .lr-closing .lr-facts { grid-template-columns: 1fr; } .lr-closing .lr-facts { row-gap: var(--wp--preset--spacing--20); } } :root .lr-closing .lr-facts { margin-block-start: var(--wp--preset--spacing--40); } .lr-closing__inner h2 { font-family: var(--wp--preset--font-family--hand); font-weight: 400; rotate: -3deg; font-size: var(--wp--preset--font-size--xx-large) !important; } .lr-closing__inner h2 .lr-ch { opacity: 1; } .lr-closing__inner h2.lr-type-ready .lr-ch { opacity: 0; } .lr-closing__inner h2.is-writing .lr-ch { opacity: 0; animation: lr-type 1ms linear forwards; animation-delay: calc(var(--i) * 55ms); } .lr-closing__inner h2 .lr-caret { display: inline-block; width: 0.08em; margin-inline-start: 0.03em; background: currentColor; opacity: 0; vertical-align: -0.05em; } .lr-closing__inner h2.is-writing .lr-caret { opacity: 1; animation: lr-caret-blink 0.85s steps(1) infinite; } :root .lr-sec.is-style-lr-summer, :root .lr-sec.is-style-lr-winter { position: relative; margin-block-start: var(--wp--preset--spacing--50); padding-block: var(--wp--preset--spacing--50); } .lr-sec.is-style-lr-summer::before, .lr-sec.is-style-lr-winter::before { content: ""; position: absolute; inset-block: 0; inset-inline: calc(50% - 50vw); background-color: var(--lr-stone); z-index: -1; } @media (min-width: 48rem) { :root .lr-sec--bleed-start, :root .lr-sec--bleed-end { --lr-spine: calc( var(--wp--style--root--padding-right) + max(0px, (100% - var(--wp--style--global--wide-size)) / 2) ); } :root .lr-sec--bleed-start { padding-inline: 0 var(--lr-spine); } :root .lr-sec--bleed-end { padding-inline: var(--lr-spine) 0; } } @media (min-width: 64rem) { :root .lr-sec--bleed-start { grid-template-columns: minmax(0, 1fr) min(var(--wp--style--global--content-size), 100%); } :root .lr-sec--bleed-end { grid-template-columns: min(var(--wp--style--global--content-size), 100%) minmax(0, 1fr); } } @media (max-width: 47.99rem) { :root .lr-sec--bleed-start, :root .lr-sec--bleed-end { padding-inline: var(--wp--style--root--padding-left) var(--wp--style--root--padding-right); } .lr-sec--bleed-start .lr-sec__media, .lr-sec--bleed-end .lr-sec__media { margin-inline: calc(var(--wp--style--root--padding-left) * -1) calc(var(--wp--style--root--padding-right) * -1); } } @media (min-width: 48rem) { .lr-sec--bleed-start .lr-sec__media img { border-start-start-radius: 0; border-end-start-radius: 0; } .lr-sec--bleed-end .lr-sec__media img { border-start-end-radius: 0; border-end-end-radius: 0; } } @media (max-width: 47.99rem) { .lr-sec--bleed-start .lr-sec__media img, .lr-sec--bleed-end .lr-sec__media img { border-radius: 0; } } :root .lr-sec--rule { border-block-start: 1px solid var(--lr-hairline); padding-block-start: var(--wp--preset--spacing--40); } :root .lr-faq + h2, :root .lr-faq + h3 { margin-block-start: var(--wp--preset--spacing--50); } :root h2 + .lr-faq, :root h3 + .lr-faq { margin-block-start: var(--wp--preset--spacing--30); } @supports (animation-timeline: view()) { .lr-sec__media figure.wp-block-image { overflow: clip; border-radius: var(--lr-radius-card); } @media (min-width: 48rem) { .lr-sec--bleed-start .lr-sec__media figure.wp-block-image { border-start-start-radius: 0; border-end-start-radius: 0; } .lr-sec--bleed-end .lr-sec__media figure.wp-block-image { border-start-end-radius: 0; border-end-end-radius: 0; } } @media (max-width: 47.99rem) { .lr-sec--bleed-start .lr-sec__media figure.wp-block-image, .lr-sec--bleed-end .lr-sec__media figure.wp-block-image { border-radius: 0; } } } .lr-ask-tab { position: fixed; top: 50%; right: 0; z-index: 30; width: min(320px, 88vw); transform: translateY(-50%) translateX(115%); transition: transform .5s var(--lr-ease); background: var(--lr-accent); color: var(--lr-paper); border-radius: var(--lr-radius-card) 0 0 var(--lr-radius-card); padding: var(--wp--preset--spacing--30) var(--wp--preset--spacing--30) var(--wp--preset--spacing--30) var(--wp--preset--spacing--40); box-shadow: -18px 14px 40px -18px rgb(0 0 0 / .35); pointer-events: none; } .lr-ask-tab.is-active { transform: translateY(-50%) translateX(0); pointer-events: auto; } .lr-ask-tab__title { font-family: var(--wp--preset--font-family--hand); font-weight: 400; font-size: var(--wp--preset--font-size--large); line-height: 1.15; rotate: -3deg; margin: 0 0 .5em; color: var(--lr-paper); } .lr-ask-tab__body { margin: 0 0 1.25em; max-width: 30ch; font-size: var(--wp--preset--font-size--small); color: color-mix(in srgb, var(--lr-paper) 88%, transparent); } @media (max-width: 47.99rem) { .lr-ask-tab { top: auto; right: 0; bottom: 0; left: 0; width: 100%; max-width: none; border-radius: var(--lr-radius-card) var(--lr-radius-card) 0 0; padding: var(--wp--preset--spacing--30) var(--wp--preset--spacing--30) calc(var(--wp--preset--spacing--30) + env(safe-area-inset-bottom, 0px)); transform: translateY(100%); box-shadow: 0 -14px 40px -18px rgb(0 0 0 / .35); } .lr-ask-tab.is-active { transform: translateY(0); } .lr-ask-tab__body { max-width: none; } } @media (prefers-reduced-motion: reduce) { .lr-ask-tab { transition: opacity .3s linear; transform: translateY(-50%) translateX(0); opacity: 0; } .lr-ask-tab.is-active { transform: translateY(-50%) translateX(0); opacity: 1; } @media (max-width: 47.99rem) { .lr-ask-tab, .lr-ask-tab.is-active { transform: translateY(0); } } } :root .lr-band { margin-block-start: 0; } .lr-band { position: relative; display: grid; align-items: end; clip-path: inset(0); isolation: isolate; background-color: var(--wp--preset--color--contrast); aspect-ratio: 4/5; } @media (min-width: 48rem) { .lr-band { aspect-ratio: 21/9; } } .lr-band__frame, .lr-band__scrim, .lr-band__body { grid-area: 1 / 1; } .lr-band__frame, .lr-band__scrim { align-self: stretch; justify-self: stretch; } .lr-band__frame { inline-size: 100%; block-size: 100%; object-fit: cover; object-position: 50% 42%; } .lr-band__scrim { background: linear-gradient( to top right, rgb(20 14 10 / .78) 0%, rgb(20 14 10 / .46) 36%, rgb(20 14 10 / 0) 68% ), linear-gradient( to bottom, rgb(20 14 10 / .42) 0%, rgb(20 14 10 / .12) 26%, rgb(20 14 10 / .50) 70%, rgb(20 14 10 / .68) 100% ); position: relative; z-index: 1; pointer-events: none; } .lr-band__body { position: relative; z-index: 2; width: 100%; padding-inline: max(var(--wp--style--root--padding-left, 1.25rem), (100% - 100rem) / 2); padding-block-end: var(--wp--preset--spacing--60); text-align: start; } .lr-band__title { margin: 0; font-family: var(--wp--preset--font-family--heading); font-weight: 600; font-size: var(--wp--preset--font-size--xx-large); line-height: 1.1; max-inline-size: 24ch; text-wrap: balance; color: var(--lr-snow, #fff); } .lr-band__lead { margin: var(--wp--preset--spacing--20) 0 0; font-family: var(--wp--preset--font-family--body); font-size: var(--wp--preset--font-size--large); line-height: 1.4; max-width: var(--wp--style--global--content-size); text-wrap: balance; color: var(--lr-snow, #fff); } .lr-card--text .lr-card__body { padding-block-start: var(--wp--preset--spacing--30); } :root .lr-pull__slip--inline { margin-block-start: var(--wp--preset--spacing--40); } .lr-ask-card { background: var(--lr-accent); color: var(--lr-paper); border-radius: var(--lr-radius-card); padding: var(--wp--preset--spacing--40); max-inline-size: 22rem; } .lr-ask-card__title { font-family: var(--wp--preset--font-family--hand); font-weight: 400; font-size: var(--wp--preset--font-size--large); line-height: 1.15; rotate: -3deg; margin: 0 0 .5em; color: var(--lr-paper); } .lr-ask-card__body { margin: 0 0 1.25em; max-width: 30ch; font-size: var(--wp--preset--font-size--small); color: color-mix(in srgb, var(--lr-paper) 88%, transparent); } :root .lr-closing .wp-block-column > .lr-ask-card { margin-block-start: var(--wp--preset--spacing--30); } @media (min-width: 64rem) { .lr-card-row--pairs { grid-template-columns: repeat(2, minmax(0, 1fr)); } } :root .lr-closing .wp-block-column .lr-ask-card p { background-color: transparent; padding-block: 0; } :root .lr-sec.lr-pull.alignfull { padding-inline-end: clamp(1.25rem, 6.53vw, 5.875rem); } .lr-card--faq .lr-faq { border-top: 0; } .lr-card--faq .lr-faq .wp-block-details:last-child { border-bottom: 0; } .lr-card--faq .lr-faq .wp-block-details > summary { font-size: var(--wp--preset--font-size--medium); } :root .lr-card--faq .lr-card__body > * + * { margin-block-start: var(--wp--preset--spacing--30); } .lr-card--faq .lr-card__title .lr-icon { vertical-align: text-bottom; margin-inline-end: var(--wp--preset--spacing--20); } .lr-card { display: flex; flex-direction: column; } .lr-card__body { flex: 1 1 auto; display: flex; flex-direction: column; } :root .lr-card__body > .lr-card__foot { margin-block-start: auto; } .lr-sec--not-found { min-block-size: calc(100svh - var(--lr-header-h, 14rem)); display: flex; flex-direction: column; align-items: center; justify-content: center; padding-block: clamp(1rem, 4svh, 2.5rem); text-align: center; } :root .lr-sec--not-found { margin-block-start: 0; } .lr-sec--not-found .lr-section-header, .lr-404__header { margin-bottom: var(--wp--preset--spacing--30); } .lr-sec--not-found .lr-section-header__text { max-inline-size: 30rem; margin-inline: auto; } @media (max-height: 820px) { .lr-sec--not-found .lr-section-header__title { font-size: var(--wp--preset--font-size--x-large); } .lr-sec--not-found .lr-section-header, .lr-404__header { margin-bottom: 0; } .lr-404__mark { margin-block-end: var(--wp--preset--spacing--10); } } .lr-404__mark { position: relative; container-type: inline-size; inline-size: min(14rem, 56vw, 24svh); aspect-ratio: 7 / 5; margin: 0 auto var(--wp--preset--spacing--20); } .lr-404__blob { position: absolute; inset: 0; display: block; inline-size: 100%; block-size: 100%; } .lr-404__digits { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; font-family: var(--wp--preset--font-family--heading); font-weight: 600; font-size: 22cqw; letter-spacing: -0.02em; color: var(--lr-paper); } .lr-sec--not-found .wp-block-buttons { gap: 1rem; } .lr-link--pen-nav { color: var(--wp--preset--color--contrast); font-family: var(--wp--preset--font-family--heading); font-weight: 600; } .lr-link--pen-nav::after { display: none; } .lr-link--pen-nav.lr-link--lg { font-size: 1.55rem; } .lr-link--pen-nav.lr-link--md { font-size: 1.3rem; } .lr-link--pen-nav.lr-link--sm { font-size: 1.15rem; } .lr-link--pen-nav .lr-pen { position: absolute; left: 0; bottom: -.42em; width: 100%; height: .5em; overflow: visible; pointer-events: none; } .lr-link--pen-nav .lr-pen path { fill: none; stroke: var(--wp--preset--color--secondary); stroke-width: 2.5; stroke-linecap: round; stroke-dasharray: 100; stroke-dashoffset: 0; } .lr-link--pen-nav:hover { color: var(--lr-secondary-deep); } .lr-link .lr-icon { margin-inline-end: .35em; vertical-align: -0.2em; } .lr-people { display: flex; flex-direction: column; gap: var(--wp--preset--spacing--40); } :root .lr-people > * { margin-block-start: 0; } .lr-person { display: flex; align-items: center; gap: var(--wp--preset--spacing--30); } .lr-person .wp-block-image { flex: 0 0 auto; inline-size: clamp(5.5rem, 14vw, 8rem); } @media (min-width: 64rem) { .lr-person .wp-block-image { inline-size: clamp(8rem, 22.5vw - 6.4rem, 12.5rem); } } .lr-person__body { flex: 0 1 var(--wp--style--global--content-size); max-inline-size: var(--wp--style--global--content-size); min-inline-size: 0; } .lr-person__body > * + * { margin-block-start: var(--wp--preset--spacing--30); } @media (min-width: 48rem) { .lr-people { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--wp--preset--spacing--40); } } :root .lr-sec.lr-sec--intro { margin-block-start: var(--wp--preset--spacing--50); } .lr-intro-row { display: grid; row-gap: var(--wp--preset--spacing--40); } .lr-intro-row__aside { display: flex; flex-wrap: wrap; align-items: flex-start; gap: var(--wp--preset--spacing--20) var(--wp--preset--spacing--30); } .lr-intro-row__aside > .wp-block-image { flex: 0 0 auto; inline-size: 7.5rem; margin: 0; } .lr-intro-row__aside > .lr-sec__body { flex: 1 1 17rem; min-inline-size: 0; } :root .lr-intro-row > *, :root .lr-intro-row__aside > * { margin-block-start: 0; } @media (max-width: 47.99rem) { .lr-intro-row__aside { display: flow-root; } .lr-intro-row__aside > .wp-block-image { float: left; margin-inline-end: 1.5rem; margin-block-end: 0.5rem; } } .lr-intro-row .lr-testimonial__quote { text-wrap: balance; } :root .lr-intro-row + .lr-facts, :root .lr-sec--intro + .lr-card-row { margin-block-start: var(--wp--preset--spacing--50); } @media (min-width: 64rem) { .lr-intro-row { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); column-gap: var(--wp--preset--spacing--50); align-items: start; } .lr-intro-row > .lr-testimonial { grid-column: 1; grid-row: 1; } .lr-intro-row__aside { grid-column: 2; grid-row: 1; padding-block-start: var(--wp--preset--spacing--50); } .lr-intro-row .lr-testimonial__frame { inline-size: 100%; } } @media (min-width: 80rem) { .lr-intro-row .lr-testimonial__slip { inline-size: 140%; } } @media (min-width: 48rem) { .lr-facts--cta:has(> :nth-child(4):last-child) { grid-auto-flow: column; grid-template-rows: repeat(2, auto); } .lr-facts--cta:has(> :nth-child(6):last-child) { grid-auto-flow: column; grid-template-rows: repeat(3, auto); } .lr-facts--cta:has(> :nth-child(8):last-child) { grid-auto-flow: column; grid-template-rows: repeat(4, auto); } .lr-facts--cta > .lr-facts__cta { align-self: center; display: flex; align-items: center; justify-content: flex-start; } } :root .lr-strip { position: relative; isolation: isolate; padding-block: var(--wp--preset--spacing--50); } .lr-strip::before { content: ""; position: absolute; inset-block: 0; inset-inline: calc(50% - 50vw); z-index: -1; background-color: color-mix(in srgb, var(--lr-snow, #fff) 68%, transparent); } .season-winter .lr-strip::before { background-color: color-mix(in srgb, var(--wp--preset--color--base, #FBF8F3) 80%, transparent); } @media (min-width: 64rem) { :root body:has(.lr-band) .lr-sec.lr-pull.alignfull { padding-inline-end: calc( var(--wp--style--root--padding-right) + max(0px, (100% - var(--wp--style--global--wide-size)) / 2) ); } } @media (min-width: 48rem) { .lr-band { grid-template-rows: minmax(100svh, auto); } } @media (max-width: 47.99rem) and (orientation: landscape) { :root .lr-band { aspect-ratio: 21/9; grid-template-rows: minmax(100svh, auto); } } .lr-band .lr-band__lead { max-width: 48rem; } .lr-band .lr-band__title { max-inline-size: 36ch; } @media (min-width: 64rem) { .lr-sec--intro .lr-intro-row { grid-template-columns: minmax(0, 6fr) minmax(0, 6fr); } } :root .lr-sec--bleed-start + .lr-card-row, :root .lr-sec--bleed-end + .lr-card-row { margin-block-start: var(--wp--preset--spacing--60); } @media (min-width: 48rem) { .lr-sec--split > .lr-testimonial { grid-column: 1 / -1; } } @media (max-width: 47.99rem) { .lr-band__scrim { background: linear-gradient( to top right, rgb(20 14 10 / .78) 0%, rgb(20 14 10 / .46) 36%, rgb(20 14 10 / 0) 68% ), linear-gradient( to bottom, rgb(20 14 10 / .58) 0%, rgb(20 14 10 / .50) 45%, rgb(20 14 10 / .55) 70%, rgb(20 14 10 / .68) 100% ); } } @media (max-width: 63.99rem) { :root .lr-sec.lr-pull.alignfull > .lr-pull__col { padding-inline-start: var(--wp--style--root--padding-left); } } :root :is(.lr-link-row, .lr-map__go) .lr-link::before { content: ''; position: absolute; inset-inline: 0; inset-block: min(0px, calc(50% - 22px)); } @media (max-width: 47.99rem) { .lr-panel + .lr-panel::before { content: none; } } @media (min-width: 48rem) and (max-width: 63.99rem) { .lr-panel:nth-child(odd)::before { content: none; } } @media (min-width: 48rem) and (max-width: 63.99rem) { :root .lr-sec--split:is(.lr-sec--bleed-start, .lr-sec--bleed-end):has(> .lr-sec__media.lr-cluster) { display: block; padding-inline: var(--wp--style--root--padding-left) var(--wp--style--root--padding-right); } :root .lr-sec--split.lr-sec--bleed-start:has(> .lr-sec__media.lr-cluster) > .lr-sec__media { margin-inline: calc(var(--wp--style--root--padding-left) * -1) 0; } :root .lr-sec--split.lr-sec--bleed-end:has(> .lr-sec__media.lr-cluster) > .lr-sec__media { margin-inline: 0 calc(var(--wp--style--root--padding-right) * -1); } :root .lr-sec--split:is(.lr-sec--bleed-start, .lr-sec--bleed-end):has(> .lr-sec__media.lr-cluster) > .lr-sec__body { margin-block-start: var(--wp--style--block-gap); max-inline-size: var(--wp--style--global--content-size); } } @media (max-width: 63.99rem) { .lr-person { flex-direction: column; align-items: stretch; } .lr-person .wp-block-image { inline-size: 8rem; } .lr-person__body { flex: 0 1 auto; } :root .lr-person > .lr-person__body { margin-block-start: 0; } } .wp-block-image figcaption { color: color-mix(in srgb, var(--wp--preset--color--contrast) 96%, var(--lr-paper)); } @media (max-width: 63.99rem) { :root .lr-pull > .lr-cluster > .is-style-lr-blob { margin-block-end: var(--lr-pull-blob-lift, 0rem) !important; } } @media (min-width: 64rem) { :root .lr-sec--split.lr-sec--bleed-start:has(> .lr-sec__media.lr-cluster) { grid-template-columns: minmax(0, 1fr) min(var(--wp--style--global--content-size), 50%); } :root .lr-sec--split.lr-sec--bleed-end:has(> .lr-sec__media.lr-cluster) { grid-template-columns: min(var(--wp--style--global--content-size), 50%) minmax(0, 1fr); } } @media (max-width: 47.99rem) { .lr-closing__inner h2 { transform-origin: 0 0; } } @media (min-width: 48rem) and (max-width: 63.99rem) { :root .lr-sec--7-5 > .lr-sec__media + .lr-sec__body > .lr-facts, :root .lr-sec--7-5 > .lr-sec__body:first-child > .lr-facts { display: block; columns: auto; } :root .lr-sec--7-5 > .lr-sec__media + .lr-sec__body > .lr-facts > li + li, :root .lr-sec--7-5 > .lr-sec__body:first-child > .lr-facts > li + li { margin-block-start: var(--wp--preset--spacing--30); } } @media (min-width: 48rem) { .lr-facts.lr-facts--cta:has(> li:nth-child(5):last-child) { display: grid; columns: auto; grid-auto-flow: row; } .lr-facts.lr-facts--cta:has(> li:nth-child(5):last-child) > li + li { margin-block-start: 0; } .lr-facts.lr-facts--cta:has(> li:nth-child(5):last-child) > .lr-facts__cta { grid-column: 1 / -1; } } @media (min-width: 64rem) { .lr-sec--intro > .lr-intro-row__aside { padding-block-start: 0; } } .lr-sec--intro > .lr-intro-row__aside > .lr-sec__body { max-inline-size: 58rem; } :root .lr-sec--facts + .lr-card-row { margin-block-start: var(--wp--preset--spacing--50); } :where(h1, h2, h3, h4):where(:not(:has(.lr-ch))) { text-wrap: balance; }
.lr-js .lr-reveal { opacity: 0; transform: translateY(var(--lr-rise, 48px)); transition: opacity 400ms var(--lr-ease), transform 400ms var(--lr-ease); } .lr-js .lr-reveal.is-in { opacity: 1; transform: none; } .lr-js .lr-reveal.is-shown, .lr-js .lr-stagger.is-shown > * { opacity: 1; transform: none; transition: none; } @media (min-width: 48rem) { .lr-js .lr-stagger.is-in > *:nth-child(1) { transition-delay: 0ms; } .lr-js .lr-stagger.is-in > *:nth-child(2) { transition-delay: 80ms; } .lr-js .lr-stagger.is-in > *:nth-child(3) { transition-delay: 160ms; } .lr-js .lr-stagger.is-in > *:nth-child(4) { transition-delay: 240ms; } .lr-js .lr-stagger.is-in > *:nth-child(5) { transition-delay: 320ms; } .lr-js .lr-stagger.is-in > *:nth-child(n+6) { transition-delay: 400ms; } } .lr-js .lr-stagger > * { opacity: 0; transform: translateY(16px); transition: opacity 400ms var(--lr-ease), transform 400ms var(--lr-ease); } .lr-js .lr-stagger.is-in > * { opacity: 1; transform: none; } .lr-js [data-lr-act='1'] { --lr-rise: 64px; --lr-drift: 4%; --lr-zoom: 1.10; } .lr-js [data-lr-act='2'] { --lr-rise: 44px; --lr-drift: 2.8%; --lr-zoom: 1.07; } .lr-js [data-lr-act='3'] { --lr-rise: 24px; --lr-drift: 1.2%; --lr-zoom: 1.035; } @media (prefers-reduced-motion: reduce) { .lr-js .lr-reveal, .lr-js .lr-stagger > * { opacity: 1; transform: none; transition: none; } } @supports (animation-timeline: view()) { .lr-hero__frame { animation: lr-hero-far linear both; animation-timeline: scroll(root block); animation-range: 0 100vh; will-change: transform; } .lr-hero__body { animation: lr-hero-near linear both; animation-timeline: scroll(root block); animation-range: 18vh 92vh; } .lr-js .lr-reveal:not(.is-shown) { opacity: 1; transform: none; transition: none; animation: lr-arrive linear both; animation-timeline: view(); animation-range: entry 4% cover 26%; } .lr-js .lr-reveal.is-shown, .lr-js .lr-stagger.is-shown > * { animation: none; opacity: 1; transform: none; } .lr-js .lr-stagger:not(.is-shown) > * { opacity: 1; transform: none; transition: none; animation: lr-arrive-sm linear both; animation-timeline: view(); animation-range: entry 2% cover 22%; } .lr-sec__media figure.wp-block-image > img { animation: lr-drift linear both; animation-timeline: view(); animation-range: cover 0% cover 100%; will-change: transform; } .lr-js .lr-role-unveil:not(.is-shown) .lr-sec__media:not(.lr-cluster) figure.wp-block-image { animation: lr-unveil-start linear both; animation-timeline: view(); animation-range: entry 0% cover 32%; } .lr-js .lr-role-unveil.lr-sec--bleed-end:not(.is-shown) .lr-sec__media:not(.lr-cluster) figure.wp-block-image { animation-name: lr-unveil-end; } .lr-js .lr-word { display: inline-block; animation: lr-word-in linear both; animation-timeline: view(); animation-range: cover calc(4% + var(--i, 0) * 4%) cover calc(21% + var(--i, 0) * 4%); } .lr-js .lr-role-sweep:not(.is-shown) { -webkit-mask-image: linear-gradient(97deg, #000 0 40%, rgb(0 0 0 / 0) 48%); mask-image: linear-gradient(97deg, #000 0 40%, rgb(0 0 0 / 0) 48%); -webkit-mask-size: 400% 100%; mask-size: 400% 100%; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; animation: lr-sweep linear both; animation-timeline: view(); animation-range: entry 8% cover 40%; } .lr-js .lr-role-quote .lr-cluster > :nth-child(1) { animation: lr-depth-far linear both; animation-timeline: view(); animation-range: cover 0% cover 100%; } .lr-js .lr-role-quote .lr-cluster > :nth-child(2) { animation: lr-depth-near linear both; animation-timeline: view(); animation-range: cover 0% cover 100%; } .lr-js .lr-role-ground:not(.is-shown)::before { animation: lr-ground linear both; animation-timeline: view(); animation-range: entry 0% cover 30%; } .lr-js .lr-strip.lr-reveal:not(.is-shown) { animation: none; opacity: 1; transform: none; transition: none; } .lr-js .lr-strip::before { animation: lr-strip linear both; animation-timeline: view(); animation-range: entry 0% cover 30%; } } @keyframes lr-hero-far { from { transform: scale(1) translateY(0); } to { transform: scale(1.20) translateY(8%); } } @keyframes lr-hero-near { from { translate: 0 0; } to { translate: 0 -9vh; } } @keyframes lr-arrive { from { opacity: 0; transform: translateY(var(--lr-rise, 48px)); } to { opacity: 1; transform: none; } } @keyframes lr-arrive-sm { from { opacity: 0; transform: translateY(calc(var(--lr-rise, 48px) * .45)); } to { opacity: 1; transform: none; } } @keyframes lr-drift { from { transform: scale(var(--lr-zoom, 1.06)) translateY(calc(-1 * var(--lr-drift, 1.5%))); } to { transform: scale(var(--lr-zoom, 1.06)) translateY(var(--lr-drift, 1.5%)); } } @keyframes lr-unveil-start { from { clip-path: inset(0 100% 0 0); } to { clip-path: inset(0 0 0 0); } } @keyframes lr-unveil-end { from { clip-path: inset(0 0 0 100%); } to { clip-path: inset(0 0 0 0); } } @keyframes lr-word-in { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: none; } } @keyframes lr-sweep { from { -webkit-mask-position: 100% 0; mask-position: 100% 0; } to { -webkit-mask-position: 0% 0; mask-position: 0% 0; } } @keyframes lr-write { from { -webkit-mask-position: 100% 0; mask-position: 100% 0; } to { -webkit-mask-position: 0% 0; mask-position: 0% 0; } } @keyframes lr-depth-far { from { translate: 0 1.2%; } to { translate: 0 -1.2%; } } @keyframes lr-depth-near { from { translate: 0 7%; } to { translate: 0 -7%; } } @keyframes lr-ground { from { clip-path: inset(0 100% 0 0); } to { clip-path: inset(0 0 0 0); } } @keyframes lr-strip { from { clip-path: inset(0 14% 0 14% round 2rem); } to { clip-path: inset(0 0 0 0 round 0); } } @media (prefers-reduced-motion: reduce) { .lr-js .lr-reveal, .lr-js .lr-reveal:not(.is-shown), .lr-js .lr-stagger > *, .lr-js .lr-stagger:not(.is-shown) > *, .lr-js .lr-word, .lr-sec__media figure.wp-block-image > img, .lr-js .lr-role-unveil:not(.is-shown) .lr-sec__media:not(.lr-cluster) figure.wp-block-image, .lr-js .lr-role-unveil.lr-sec--bleed-end:not(.is-shown) .lr-sec__media:not(.lr-cluster) figure.wp-block-image, .lr-js .lr-role-unveil .lr-sec__media figure.wp-block-image, .lr-js .lr-role-sweep, .lr-js .lr-role-sweep:not(.is-shown), .lr-js .lr-role-quote .lr-cluster > *, .lr-js .lr-role-quote .lr-cluster > :nth-child(1), .lr-js .lr-role-quote .lr-cluster > :nth-child(2), .lr-js .lr-role-ground::before, .lr-js .lr-role-ground:not(.is-shown)::before, .lr-js .lr-strip::before, .lr-hero__body { animation: none; opacity: 1; transform: none; translate: none; transition: none; clip-path: none; -webkit-mask-image: none; mask-image: none; } .lr-hero__frame { animation: none; transform: none; translate: none; } }
.lr-legal { padding-block: var(--wp--preset--spacing--50) var(--wp--preset--spacing--60); min-block-size: calc(100svh - var(--lr-header-h, 3.75rem)); } .lr-legal__title { margin-block-end: var(--wp--preset--spacing--40); } .lr-legal__title { hyphens: auto; hyphenate-limit-chars: 12 5 6; -webkit-hyphenate-limit-before: 5; -webkit-hyphenate-limit-after: 6; text-wrap: wrap; } .lr-legal__doc > *, .lr-legal .wp-block-post-content > * { max-inline-size: var(--lr-doc-measure); margin-inline: 0; } .lr-legal { --lr-doc-measure: 46rem; } .lr-legal .wp-block-post-content > * { margin-block-start: var(--wp--preset--spacing--40); } .lr-legal .wp-block-post-content { line-height: 1.75; } .lr-legal .wp-block-post-content > :first-child { margin-block-start: 0; } .lr-legal .wp-block-post-content > h2 { margin-block-start: var(--wp--preset--spacing--50); font-size: var(--wp--preset--font-size--large); line-height: 1.25; } .lr-legal .wp-block-post-content > h2 + p { margin-block-start: var(--wp--preset--spacing--30); } .lr-legal .lr-section-header__eyebrow { color: var(--wp--preset--color--contrast); } @keyframes lr-leaf-pass--lit { 0% { opacity: var(--lr-leaf-peak, .18); translate: 0 0; } 74% { opacity: var(--lr-leaf-peak, .18); } 100% { opacity: 0; translate: var(--lr-leaf-to, 0 -8vh); } } @supports (animation-timeline: scroll()) and (animation-range: 0% 50%) { @media (prefers-reduced-motion: no-preference) { body.page-template-page-legal .lr-amb-leaf--1 { animation-name: lr-leaf-pass--lit; } } }
.lr-contact-form { max-inline-size: var(--wp--style--global--content-size); scroll-margin-block-start: var(--wp--preset--spacing--50); } .lr-form__row { display: grid; grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr)); column-gap: var(--wp--preset--spacing--30); } .lr-form__row > .lr-field { margin-bottom: var(--wp--preset--spacing--30); } .lr-form__send { margin-block: var(--wp--preset--spacing--30) 0; } .lr-form .lr-form__privacy { margin-block: var(--wp--preset--spacing--30) 0; } .lr-form .lr-form__privacy + .lr-form__send { margin-block-start: var(--wp--preset--spacing--20); } .lr-trap { position: absolute; inline-size: 1px; block-size: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; } .lr-map { margin: 0; } .lr-map__frame { position: relative; line-height: 0; } .lr-map__image { display: block; inline-size: 100%; block-size: auto; border-radius: var(--lr-radius-card); } .lr-map__pin { position: absolute; inset-block-start: var(--lr-y); inset-inline-start: var(--lr-x); inline-size: 0; block-size: 0; line-height: normal; } .lr-map__pin::before { content: ""; position: absolute; inset-block-start: -.4rem; inset-inline-start: -.4rem; inline-size: .8rem; block-size: .8rem; border-radius: 50%; background: var(--lr-accent-deep); box-shadow: 0 0 0 3px var(--wp--preset--color--snow); } .lr-map__label { position: absolute; inset-block-start: -.85rem; white-space: nowrap; background: color-mix(in srgb, var(--lr-paper) 92%, transparent); border-radius: var(--lr-radius); padding: .15rem .45rem; } .lr-map__label:not(.lr-map__label--link) { font-family: var(--wp--preset--font-family--body); font-size: var(--wp--preset--font-size--small); font-weight: 600; color: var(--wp--preset--color--contrast); } .lr-map__pin--start .lr-map__label { inset-inline-start: .9rem; } .lr-map__pin--end .lr-map__label { inset-inline-end: .9rem; } .lr-map__caption { margin-block-start: var(--wp--preset--spacing--20); font-size: var(--wp--preset--font-size--small); color: var(--wp--preset--color--contrast); } .lr-map__go { margin-block: var(--wp--preset--spacing--20) 0; } @media (max-width: 47.99rem) { .lr-map__label { position: absolute; inline-size: 1px; block-size: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; } .lr-map__label--link { visibility: hidden; } } .lr-map__label--link { cursor: pointer; transition: background-color .3s var(--lr-ease); } .lr-map__label--link:hover, .lr-map__label--link:focus-visible { background: var(--lr-paper); } .lr-map__label--link { padding-block: .2rem; } .lr-map__label--link:focus-visible { outline: 2px solid var(--wp--preset--color--snow); outline-offset: 2px; box-shadow: 0 0 0 4px var(--lr-accent-deep); } @supports (grid-template-rows: subgrid) { @media (min-width: 30rem) { .lr-form__row { grid-template-rows: auto auto auto; } .lr-form__row > .lr-field { display: grid; grid-row: span 3; grid-template-rows: subgrid; margin-bottom: 0; row-gap: 0; } .lr-form__row > .lr-field > .lr-field__control { align-self: start; } .lr-form__row > .lr-field > .lr-field__help, .lr-form__row > .lr-field > .lr-field__error { align-self: start; } .lr-form__row { row-gap: var(--wp--preset--spacing--30); } } } .lr-form__row { margin-block-end: var(--wp--preset--spacing--30); } .lr-contact-details__social { margin-block-start: var(--wp--preset--spacing--30); } .lr-contact-details__social-title { margin: 0; font-size: var(--wp--preset--font-size--small); } .lr-contact-details__social-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; } .lr-contact-details__social-link { display: inline-flex; align-items: center; gap: .4rem; } .lr-contact-details__social-link .lr-icon { flex: none; }
.lr-faq-deck { max-inline-size: var(--wp--style--global--content-size); } :root .lr-faq-intro > * + * { margin-block-start: var(--wp--preset--spacing--30); } :root .lr-faq-seek { margin-block-start: var(--wp--preset--spacing--50); } .lr-faq-search__meta { display: flex; flex-wrap: wrap; align-items: baseline; gap: var(--wp--preset--spacing--20) var(--wp--preset--spacing--30); margin-block-start: var(--wp--preset--spacing--20); } .lr-faq-search__count { margin-block: 0; font-size: var(--wp--preset--font-size--medium); color: var(--wp--preset--color--contrast); } .lr-faq-search__count strong { font-weight: 600; } .lr-faq-search__count:empty { min-block-size: 1lh; } .lr-faq-search__reset:not([hidden]) { display: inline-block; } .lr-faq-search__reset { padding: 0; border: 0; background: none; cursor: pointer; font: inherit; font-size: var(--wp--preset--font-size--small); min-block-size: 24px; text-decoration: underline; text-decoration-thickness: 1.5px; text-underline-offset: .22em; text-decoration-color: var(--lr-accent); } .lr-faq-search input[type="search"]::-webkit-search-cancel-button, .lr-faq-search input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; appearance: none; display: none; } @media (min-width: 64rem) { .lr-faq-facts .lr-facts { grid-template-columns: repeat(4, minmax(0, 1fr)); } } :root .lr-faq-facts { margin-block-start: var(--wp--preset--spacing--40); } @media (min-width: 80rem) { .season-winter .lr-faq-topics:has(> [data-season='winter']) { grid-template-columns: repeat(4, minmax(0, 1fr)); } } :root .lr-faq-topics { margin-block-start: var(--wp--preset--spacing--30); } :root .lr-faq-shell { margin-block-start: var(--wp--preset--spacing--50); } .lr-card--topic .lr-card__count { font-size: var(--wp--preset--font-size--small); color: color-mix(in srgb, var(--wp--preset--color--contrast) 72%, transparent); } .lr-card--topic:hover { border-color: color-mix(in srgb, var(--lr-accent) 45%, transparent); } .lr-card--topic.is-active { border-color: var(--lr-accent); } @media (prefers-reduced-motion: no-preference) { .lr-card--topic { transition: border-color .12s var(--lr-ease); } } :root .lr-faq-group + .lr-faq-group { margin-block-start: var(--wp--preset--spacing--50); } :root .lr-faq-group__head h2 { display: flex; align-items: center; gap: var(--wp--preset--spacing--20); } .lr-faq-group__head h2 .lr-icon { color: var(--lr-accent); flex: none; } @media (min-width: 48rem) { .lr-faq-group__head h2 .lr-icon { margin-inline-start: calc(0px - 2rem - var(--wp--preset--spacing--20)); } } .lr-faq-group__count { font-size: var(--wp--preset--font-size--small); color: color-mix(in srgb, var(--wp--preset--color--contrast) 72%, transparent); } .lr-faq-group__line { font-size: var(--wp--preset--font-size--small); color: color-mix(in srgb, var(--wp--preset--color--contrast) 72%, transparent); max-inline-size: 26rem; } :root .lr-faq-group__head > * + * { margin-block-start: var(--wp--preset--spacing--20); } .lr-faq-group .lr-faq { border-block-start: 0; } .lr-faq-group [hidden], .lr-faq-search[hidden], .lr-faq-empty[hidden] { display: none !important; } .lr-faq-topics[hidden] { display: none !important; } .lr-faq-group[hidden] { display: none !important; } .lr-faq mark { background: color-mix(in srgb, var(--lr-accent) 18%, transparent); color: inherit; border-radius: var(--lr-radius); padding-inline: .12em; } :root .lr-faq-empty { margin-block-start: var(--wp--preset--spacing--50); } .lr-faq-empty__inner { max-inline-size: var(--wp--style--global--content-size); margin-inline: 0 auto; } .lr-faq-empty__title { font-weight: 600; } :root .lr-faq-empty__inner > * + * { margin-block-start: var(--wp--preset--spacing--30); } .lr-faq-rail { align-self: start; } .lr-faq-shell.is-searching { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); } .lr-faq-shell.is-searching .lr-faq-rail { display: none; } @media (min-width: 48rem) { .lr-faq-rail { position: sticky; inset-block-start: calc(var(--lr-header-h, 6rem) + var(--wp--preset--spacing--30)); } } .lr-faq-index { display: flex; flex-direction: column; opacity: 0; pointer-events: none; } .lr-faq-index.is-visible { opacity: 1; pointer-events: auto; } @media (prefers-reduced-motion: no-preference) { .lr-faq-index { transition: opacity .35s var(--lr-ease); } } .lr-faq-index { position: relative; } .lr-faq-index__rule { position: absolute; inset-inline-start: 0; inset-block-start: 0; inline-size: 3px; pointer-events: none; opacity: 0; } .lr-faq-index__rule.is-placed { opacity: 1; } .lr-faq-index__rule .lr-rule { inline-size: 100%; block-size: 100%; display: block; overflow: visible; } .lr-faq-index__rule .lr-rule path { fill: none; stroke: var(--lr-accent); stroke-width: 2.5; stroke-linecap: butt; vector-effect: non-scaling-stroke; } @media (prefers-reduced-motion: no-preference) { .lr-faq-index__rule { transition: transform .18s var(--lr-ease), opacity .18s var(--lr-ease); } } .lr-faq-index a { display: block; text-decoration: none; font-size: var(--wp--preset--font-size--small); line-height: 1.5; color: color-mix(in srgb, var(--wp--preset--color--contrast) 72%, transparent); padding-block: var(--wp--preset--spacing--20); padding-inline-start: var(--wp--preset--spacing--30); } .lr-faq-index a[hidden] { display: none; } @media (prefers-reduced-motion: no-preference) { .lr-faq-index a { transition: color .12s var(--lr-ease), border-color .12s var(--lr-ease); } } .lr-faq-index a:hover { color: var(--lr-accent); } .lr-faq-index a.is-active { color: var(--wp--preset--color--contrast); } .lr-faq-index a:focus-visible { outline: 1px solid var(--wp--preset--color--secondary); outline-offset: 2px; } @media (max-width: 47.999rem) { .lr-faq-rail { display: none; } } .page-template-page-faq .lr-band__body { padding-block-end: var(--wp--preset--spacing--60); } @supports (animation-timeline: view()) { .lr-js .lr-faq-topics.lr-reveal:not(.is-shown), .lr-js .lr-faq-group.lr-reveal:not(.is-shown) { animation-range: entry 4% entry 38vh; } } .lr-faq-group h2[id], .lr-faq-group details[id] { scroll-margin-top: calc(var(--lr-header-h, 96px) + var(--wp--preset--spacing--30, 24px)); } .page-template-page-faq .wp-block-post-content > .lr-sec:last-child:not(.lr-closing) { padding-block-end: var(--wp--preset--spacing--60); } .lr-faq .lr-answer .wp-element-button:focus-visible { outline-offset: -3px; } .lr-faq .lr-answer a[href^="tel:"] { white-space: nowrap; }
.lr-rooms-seek { margin-block-start: var(--wp--preset--spacing--40); } .lr-rooms-asks { display: grid; gap: var(--wp--preset--spacing--30); } @media (min-width: 48rem) { .lr-rooms-asks { grid-template-columns: repeat(2, minmax(0, calc(var(--wp--style--global--content-size) / 2))); column-gap: var(--wp--preset--spacing--40); } } .lr-rooms-field { margin: 0; } .lr-rooms-seek .lr-combo__list { right: auto; min-inline-size: 100%; inline-size: max-content; max-inline-size: calc(100vw - 2 * var(--wp--style--root--padding-left, 1.25rem)); } .lr-rooms-choice__label { white-space: nowrap; } .lr-rooms-choice { display: flex; align-items: center; gap: var(--wp--preset--spacing--20); } .lr-rooms-choice__glyph { display: flex; flex: none; inline-size: 1.25em; color: color-mix(in srgb, var(--wp--preset--color--contrast) 55%, var(--wp--preset--color--base)); } .lr-rooms-choice__glyph .lr-icon { inline-size: 1.25em; block-size: 1.25em; } .lr-rooms-choice__n { margin-inline-start: auto; padding-inline-start: var(--wp--preset--spacing--30); font-size: var(--wp--preset--font-size--small); font-variant-numeric: tabular-nums; color: color-mix(in srgb, var(--wp--preset--color--contrast) 58%, var(--wp--preset--color--base)); white-space: nowrap; } .lr-rooms-choice[aria-selected='true'] { color: var(--lr-accent-deep, var(--lr-accent)); } .lr-rooms-choice[aria-selected='true']::after { content: none; } .lr-rooms-choice[aria-selected='true'] .lr-rooms-choice__glyph { color: inherit; } .lr-rooms-choice[aria-disabled='true'] { opacity: .4; cursor: not-allowed; } .lr-rooms-choice[aria-disabled='true']:hover { background: none; } .lr-rooms-seek .lr-combo__list:focus { outline: none; } .lr-rooms-seek .lr-combo__list:focus .lr-combo__option.is-active { outline: 2px solid var(--lr-accent); outline-offset: -2px; } .lr-rooms-seek__meta { display: flex; flex-wrap: wrap; align-items: baseline; gap: var(--wp--preset--spacing--30); margin-block-start: var(--wp--preset--spacing--40); padding-block-start: var(--wp--preset--spacing--20); border-block-start: 1px solid var(--lr-hairline); } .lr-rooms-seek__count { margin: 0; font-size: var(--wp--preset--font-size--small); font-variant-numeric: tabular-nums; } .lr-rooms-seek__reset { padding: 0; font: inherit; background: none; border: 0; cursor: pointer; } .lr-rooms .lr-card-row { margin-block-start: var(--wp--preset--spacing--40); } .lr-rooms .lr-card-row .lr-card[hidden] { display: none !important; } .lr-rooms-truth { list-style: none; margin-block: var(--wp--preset--spacing--40) 0; margin-inline: 0; padding: 0; display: grid; gap: var(--wp--preset--spacing--40); } @media (min-width: 48rem) { .lr-rooms-truth { grid-template-columns: repeat(3, minmax(0, 1fr)); } } .lr-rooms-truth > li { margin: 0; } .lr-rooms-truth__head { display: flex; align-items: center; gap: var(--wp--preset--spacing--20); } .lr-rooms-truth__glyph { display: block; color: color-mix(in srgb, var(--wp--preset--color--contrast) 45%, var(--wp--preset--color--base)); } .lr-rooms-truth__n { margin: 0; font-family: var(--wp--preset--font-family--heading); font-size: var(--wp--preset--font-size--x-large); line-height: 1; color: var(--lr-accent-deep, var(--lr-accent)); } .lr-rooms-truth__title { margin-block: .35em 0; font-size: var(--wp--preset--font-size--large); line-height: 1.2; } .lr-rooms-truth__body { margin-block-start: var(--wp--preset--spacing--20); font-size: var(--wp--preset--font-size--small); color: color-mix(in srgb, var(--wp--preset--color--contrast) 86%, var(--wp--preset--color--base)); } .lr-rooms-truth__n { font-variant-numeric: lining-nums; line-height: .8; position: relative; inset-block-start: -.09em; } .lr-rooms-included__cta { margin-block-start: var(--wp--preset--spacing--40); } .lr-rooms[id] { scroll-margin-block-start: calc(var(--lr-header-h, 0px) + var(--wp--preset--spacing--30)); } .lr-rooms-included__cta { margin-block-start: var(--wp--preset--spacing--30); } @media (min-width: 64rem) { .lr-rooms-included__head { display: grid; grid-template-columns: minmax(0, 1fr) auto; column-gap: var(--wp--preset--spacing--50); } .lr-rooms-included__head > h2 { grid-column: 1 / -1; } .lr-rooms-included__head > p, .lr-rooms-included__head > .lr-rooms-included__cta { margin-block: var(--wp--preset--spacing--30) 0; } .lr-rooms-included__head > p { max-inline-size: clamp(44rem, 56vw, 62rem); } .lr-rooms-included__cta { align-self: center; } .lr-rooms-included .lr-facts { grid-template-columns: repeat(3, minmax(0, 1fr)); } } .lr-rooms-truth > li:nth-child(2) .lr-rooms-truth__glyph { translate: 0 -.125rem; } @media (max-width: 47.99rem) { .lr-rooms-truth > li:nth-child(1) .lr-rooms-truth__glyph { translate: 0 .1rem; } .lr-rooms-truth > li:nth-child(2) .lr-rooms-truth__glyph { translate: none; } }
.lr-menu .wp-block-table { overflow-x: visible; margin: 0; } .lr-menu .wp-block-table table { min-width: 0; } .lr-menu .wp-block-table caption { caption-side: top; padding: 0 0 var(--wp--preset--spacing--20); border-block-end: 1.5px solid color-mix(in srgb, var(--wp--preset--color--contrast) 25%, transparent); font-family: var(--wp--preset--font-family--heading); font-size: var(--wp--preset--font-size--large); font-weight: 600; line-height: 1.2; color: var(--wp--preset--color--contrast); } .lr-menu .wp-block-table td, .lr-menu .wp-block-table th { padding-block: var(--wp--preset--spacing--20); padding-inline: 0; } .lr-menu .wp-block-table td + td, .lr-menu .wp-block-table th + th { padding-inline-start: var(--wp--preset--spacing--30); } .lr-menu .wp-block-table tbody tr > :first-child { white-space: normal; } .lr-menu .wp-block-table td.has-text-align-right { white-space: nowrap; } .lr-menu .wp-block-table tbody tr:hover { background: none; } .lr-menu .lr-menu__desc { display: block; font-weight: 400; } .lr-menu__tip { display: grid; grid-template-areas: "title" "aside" "text" "price"; gap: var(--wp--preset--spacing--20) var(--wp--preset--spacing--40); padding-block: var(--wp--preset--spacing--30); border-block: 1px solid var(--lr-hairline); } :root .lr-menu__tip > *, :root .lr-menu__groups > * { margin: 0; } .lr-menu__tip-title { grid-area: title; font-size: var(--wp--preset--font-size--x-large); } .lr-menu__tip .lr-hand-aside { grid-area: aside; font-size: 1.7rem; } .lr-menu__tip-text { grid-area: text; } .lr-menu__price { grid-area: price; font-family: var(--wp--preset--font-family--heading); font-size: var(--wp--preset--font-size--x-large); font-weight: 600; font-variant-numeric: tabular-nums; white-space: nowrap; } @media (min-width: 48rem) { .lr-menu__tip { grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "title aside" "text  price"; align-items: baseline; } .lr-menu__tip .lr-hand-aside, .lr-menu__tip .lr-menu__price { justify-self: end; text-align: end; } } .lr-menu__groups { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--wp--preset--spacing--40) var(--wp--preset--spacing--50); } @media (min-width: 64rem) { .lr-menu__groups { grid-template-columns: repeat(2, minmax(0, 1fr)); } } .lr-menu .lr-faq .wp-block-table { margin-block-end: var(--wp--preset--spacing--20); } .lr-menu-intro .lr-testimonial--photo .lr-testimonial__portrait { aspect-ratio: 4 / 5; } :root .lr-sec.lr-sec--split.lr-menu-season { align-items: center; } .lr-menu__unit { font-family: var(--wp--preset--font-family--body); font-size: var(--wp--preset--font-size--medium); font-weight: 400; } @media (min-width: 48rem) { :root .lr-menu-intro > .lr-testimonial { grid-column: auto; } } .lr-menu .wp-block-table th { color: var(--wp--preset--color--contrast); } .lr-menu__tip .lr-hand-aside { color: color-mix(in srgb, var(--lr-accent) 75%, var(--wp--preset--color--contrast)); } @media (max-width: 47.99rem) { .lr-menu-band .lr-band__frame { object-position: 30% 42%; } } .lr-menu-intro .lr-link-row .lr-link--pen-nav { display: inline-block; padding-block: .625rem; margin-block: -.625rem; } .lr-menu-intro .lr-link-row .lr-link--pen-nav .lr-pen { bottom: calc(.625rem - .42em); } :root .lr-sec.lr-menu-fondue .lr-sec__body > p + p { margin-block-start: .6em; } :root .lr-sec.lr-menu-fondue .lr-sec__body > .wp-block-table { margin-block-start: var(--wp--preset--spacing--30); } @media (min-width: 48rem) { :root .lr-sec.lr-sec--split.lr-menu-fondue { align-items: stretch; } .lr-menu-fondue .lr-sec__media { position: relative; min-height: 20rem; } .lr-menu-fondue .lr-sec__media > figure { position: absolute; inset: 0; margin: 0; overflow: clip; border-radius: var(--lr-radius-card); container-type: size; } :root .lr-menu-fondue .lr-sec__media img { position: absolute; inline-size: max(150cqh, 100cqw); block-size: max(100cqh, 66.667cqw); max-inline-size: none; inset-block-start: calc(.5 * (100cqh - max(100cqh, 66.667cqw))); inset-inline-start: calc(.68 * (100cqw - max(150cqh, 100cqw))); border-radius: 0; } }
.lr-menucards__row { display: flex; flex-wrap: wrap; gap: var(--wp--preset--spacing--40); align-items: flex-start; } :root .lr-menucards__row > *, :root .lr-menucards__dialog { margin: 0; } .lr-menucards__card { flex: 0 1 100%; } @media (min-width: 48rem) { .lr-menucards__card { flex: var(--lr-menucard-ar) 1 0; } .lr-menucards__card:nth-child(1) { --lr-menucard-ar: 0.7064; } .lr-menucards__card:nth-child(2) { --lr-menucard-ar: 0.6671; } .lr-menucards__card:nth-child(3) { --lr-menucard-ar: 0.6656; } } .lr-menucards__card a { display: block; cursor: pointer; } .lr-menucards__card img { display: block; inline-size: 100%; block-size: auto; border: 1px solid var(--lr-hairline); background: var(--lr-paper); } .lr-menucards__card figcaption { color: var(--wp--preset--color--contrast); } .lr-menucards__dialog[open] { display: grid; } .lr-menucards__dialog { position: fixed; inset: 0; inline-size: 100%; max-inline-size: 100%; block-size: 100dvh; max-block-size: 100dvh; padding: 0; border: 0; background: transparent; overflow: hidden; } .lr-menucards__dialog::backdrop { background: rgb(59 42 30 / .82); background: color-mix(in srgb, var(--wp--preset--color--contrast) 82%, transparent); } .lr-menucards__stage { display: grid; grid-template: minmax(0, 1fr) / minmax(0, 1fr); place-items: center; inline-size: 100%; block-size: 100%; padding: 0; overflow: hidden; } @media (min-width: 48rem) { .lr-menucards__stage { padding: var(--wp--preset--spacing--30); } } .lr-menucards__stage img { display: block; inline-size: auto; block-size: auto; min-inline-size: 0; min-block-size: 0; max-inline-size: 100%; max-block-size: 100%; object-fit: contain; } :root:has(.lr-menucards__dialog[open]) { overflow: hidden; } .lr-menucards__closeform { position: absolute; inset-block-start: var(--wp--preset--spacing--20); inset-inline-end: var(--wp--preset--spacing--20); margin: 0; } .lr-menucards__close { position: relative; display: grid; place-items: center; inline-size: 44px; block-size: 44px; padding: 0; border: 1px solid var(--lr-hairline); border-radius: 50%; background: var(--lr-paper); cursor: pointer; } .lr-menucards__cross { position: relative; display: block; inline-size: 1.1rem; block-size: 1.1rem; } .lr-menucards__cross::before, .lr-menucards__cross::after { content: ''; position: absolute; inset-inline: 0; inset-block-start: 50%; block-size: 1.5px; margin-block-start: -.75px; border-radius: 1px; background: var(--lr-accent); } .lr-menucards__cross::before { transform: rotate(45deg); } .lr-menucards__cross::after { transform: rotate(-45deg); } .lr-menucards__close::after { content: ''; position: absolute; inset: -5px; border: 1px solid var(--lr-accent); border-radius: 50%; opacity: 0; } @media (hover: hover) { .lr-menucards__close::after { transform: scale(.82); transition: opacity .2s var(--lr-ease), transform .2s var(--lr-ease); } .lr-menucards__close:hover::after { opacity: 1; transform: none; } .lr-menucards__close:hover .lr-menucards__cross::before, .lr-menucards__close:hover .lr-menucards__cross::after { background: var(--lr-accent-deep); } } @media (prefers-reduced-motion: reduce) { .lr-menucards__close::after { transition: none; transform: none; } } @media (prefers-reduced-motion: no-preference) { .lr-menucards__dialog, .lr-menucards__dialog::backdrop { opacity: 0; transition: opacity .16s var(--lr-ease), overlay .16s allow-discrete, display .16s allow-discrete; } .lr-menucards__dialog[open], .lr-menucards__dialog[open]::backdrop { opacity: 1; } @starting-style { .lr-menucards__dialog[open], .lr-menucards__dialog[open]::backdrop { opacity: 0; } } }
.lr-silvio-print { --lr-silvio-tilt: 2deg; position: relative; rotate: var(--lr-silvio-tilt); border-radius: var(--lr-radius-card); box-shadow: 0 1.25rem 2rem -1.25rem color-mix(in srgb, var(--wp--preset--color--contrast) 55%, transparent); } .lr-silvio-print::before, .lr-silvio-print::after { content: ""; position: absolute; z-index: 1; inline-size: 3.25rem; block-size: 1.35rem; background: color-mix(in srgb, var(--lr-paper) 78%, transparent); box-shadow: 0 1px 2px color-mix(in srgb, var(--wp--preset--color--contrast) 20%, transparent); rotate: 38deg; pointer-events: none; } .lr-silvio-print::before { inset-block-start: -0.55rem; inset-inline-end: -0.85rem; } .lr-silvio-print::after { inset-block-end: -0.55rem; inset-inline-start: -0.85rem; } :root .lr-silvio-print > figure { margin: 0; } :root .lr-sec__media .lr-silvio-sign { margin-block: var(--wp--preset--spacing--30) 0; padding-inline-end: var(--wp--preset--spacing--20); text-align: end; } @media (min-width: 48rem) { .lr-silvio-works .lr-menucards__row > * { flex: 0 1 calc((100% - 2 * var(--wp--preset--spacing--40)) / 3); } } .lr-silvio-works figcaption strong, .lr-silvio-works__unpictured strong { font-weight: 600; } :root .lr-silvio-works .lr-silvio-works__unpictured { align-self: flex-end; margin: 0 0 1em; color: var(--wp--preset--color--contrast); } .lr-silvio-works figcaption, .lr-silvio-works__unpictured { font-size: var(--wp--preset--font-size--medium); line-height: 1.5; }
:root .lr-ski .lr-card__title { margin-block-end: calc(var(--wp--preset--spacing--30) - .55rem); } :root .lr-ski .lr-card__foot { padding-block-start: calc(var(--wp--preset--spacing--30) - .55rem); line-height: 1; } .lr-ski .lr-card__title a::before { content: ''; position: absolute; inset: 0; z-index: 1; } .lr-ski .lr-card__foot .lr-link { position: relative; z-index: 2; } .lr-ski .lr-card .wp-block-image img { border-radius: 0; } @media (min-width: 48rem) { :root .lr-sec.lr-ski-fill > .lr-sec__media { align-self: stretch; display: flex; } .lr-ski-fill .lr-sec__media figure.wp-block-image { position: relative; flex: 1; min-height: 20rem; } .lr-ski-fill .lr-sec__media figure.wp-block-image > img { position: absolute; inset: 0; width: 100%; height: 100%; aspect-ratio: auto !important; object-fit: cover; } }
:is(.lr-zomer, .lr-winter) .lr-act__open { position: static; padding: 0; border: 0; background: none; cursor: pointer; font: inherit; font-weight: 600; font-size: var(--wp--preset--font-size--small); color: var(--lr-accent-deep); min-block-size: 24px; } :is(.lr-zomer, .lr-winter) .lr-act__open::before { content: ""; position: absolute; inset: 0; z-index: 1; } :is(.lr-zomer, .lr-winter) .lr-act__open::after { display: none; } :is(.lr-zomer, .lr-winter) .lr-act__label { position: relative; display: inline-flex; align-items: center; gap: .45em; } :is(.lr-zomer, .lr-winter) .lr-act__label::after { content: ""; position: absolute; inset-inline: 0; inset-block-start: 100%; block-size: 1.5px; background: currentColor; transform: scaleX(0); transform-origin: 100% 50%; transition: transform .3s var(--lr-ease); } :is(.lr-zomer, .lr-winter) .lr-act:hover .lr-act__label::after, :is(.lr-zomer, .lr-winter) .lr-act__open:focus-visible .lr-act__label::after { transform: scaleX(1); transform-origin: 0% 50%; } :is(.lr-zomer, .lr-winter) .lr-act__open:focus-visible { outline: none; } :is(.lr-zomer, .lr-winter) .lr-act:has(.lr-act__open:focus-visible) { outline: 2px solid var(--lr-accent-deep); outline-offset: 3px; } :is(.lr-zomer, .lr-winter) .lr-act .lr-card__body > p { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; line-clamp: 3; overflow: hidden; } :is(.lr-zomer, .lr-winter) .lr-act .lr-card__foot { border-block-start: 1px solid var(--lr-hairline); padding-block-start: var(--wp--preset--spacing--20); } .lr-sheet { inline-size: min(40rem, 100% - 2 * var(--wp--style--root--padding-left, 1rem)); max-block-size: min(88dvh, 56rem); padding: 0; border: 0; border-radius: var(--lr-radius-card); background: var(--lr-paper); color: var(--wp--preset--color--contrast); box-shadow: 0 1px 2px color-mix(in srgb, var(--wp--preset--color--contrast) 12%, transparent), 0 28px 60px -16px color-mix(in srgb, var(--wp--preset--color--contrast) 45%, transparent); overflow: auto; overscroll-behavior: contain; opacity: 0; translate: 0 1.5rem; transition: opacity .35s var(--lr-ease), translate .45s var(--lr-ease), overlay .45s allow-discrete, display .45s allow-discrete; } :root .lr-sheet[popover] { margin: auto; } .lr-sheet:popover-open { opacity: 1; translate: 0 0; } @starting-style { .lr-sheet:popover-open { opacity: 0; translate: 0 1.5rem; } } .lr-sheet::backdrop { background: rgb(59 42 30 / 0); transition: background-color .35s, overlay .35s allow-discrete, display .35s allow-discrete; } .lr-sheet:popover-open::backdrop { background: rgb(59 42 30 / .45); } @starting-style { .lr-sheet:popover-open::backdrop { background: rgb(59 42 30 / 0); } } html:has(.lr-sheet:popover-open) { overflow: hidden; } .lr-sheet__shot { display: block; inline-size: 100%; block-size: auto; max-block-size: 40dvh; aspect-ratio: 16/9; object-fit: cover; } .lr-sheet__body { padding: var(--wp--preset--spacing--40); } .lr-sheet__place { display: flex; align-items: center; gap: .4em; margin: 0 0 var(--wp--preset--spacing--20); font-size: var(--wp--preset--font-size--small); letter-spacing: .04em; text-transform: uppercase; color: color-mix(in srgb, var(--wp--preset--color--contrast) 72%, var(--lr-paper)); } .lr-sheet__title { margin: 0 0 var(--wp--preset--spacing--30); font-family: var(--wp--preset--font-family--heading); font-weight: 600; font-size: var(--wp--preset--font-size--x-large); line-height: 1.1; } .lr-sheet__body > p:not(.lr-sheet__place) { max-inline-size: var(--wp--style--global--content-size, 38rem); margin: 0 0 var(--wp--preset--spacing--30); font-size: var(--wp--preset--font-size--medium); line-height: 1.7; } .lr-sheet__body > p:last-child { margin-block-end: 0; } .lr-sheet__close { position: sticky; inset-block-start: var(--wp--preset--spacing--20); float: inline-end; margin: var(--wp--preset--spacing--20) var(--wp--preset--spacing--20) calc(-44px - var(--wp--preset--spacing--20)) 0; inline-size: 44px; block-size: 44px; padding: 0; border: 0; border-radius: 50%; background: linear-gradient(currentColor, currentColor) center / 16px 1.5px no-repeat, linear-gradient(currentColor, currentColor) center / 1.5px 16px no-repeat, var(--lr-paper); color: var(--wp--preset--color--contrast); rotate: 45deg; cursor: pointer; z-index: 1; box-shadow: 0 2px 8px color-mix(in srgb, var(--wp--preset--color--contrast) 20%, transparent); transition: background-color .2s var(--lr-ease), color .2s var(--lr-ease); } .lr-sheet__close:hover { color: var(--lr-accent-deep); } .lr-sheet__close:focus-visible { outline: 2px solid var(--lr-accent-deep); outline-offset: 2px; } @media (max-width: 47.99rem) { .lr-sheet { inline-size: 100%; max-inline-size: none; border-end-start-radius: 0; border-end-end-radius: 0; translate: 0 2rem; } :root .lr-sheet[popover] { margin-block: auto 0; } } @media (prefers-reduced-motion: reduce) { .lr-sheet, .lr-sheet::backdrop, :is(.lr-zomer, .lr-winter) .lr-act__label::after { transition: none; } .lr-sheet { translate: none; } } @media (min-width: 48rem) { :root :is(.lr-zomer, .lr-winter) .lr-sec.lr-feature { align-items: stretch; } :root :is(.lr-zomer, .lr-winter) .lr-sec.lr-feature > .lr-sec__media { align-self: stretch; } :root :is(.lr-zomer, .lr-winter) .lr-sec.lr-feature > .lr-sec__body { align-self: center; padding-block: var(--wp--preset--spacing--40); } :is(.lr-zomer, .lr-winter) .lr-feature .lr-sec__media { position: relative; min-block-size: 26rem; } :is(.lr-zomer, .lr-winter) .lr-feature .lr-sec__media figure { position: absolute; inset: 0; margin: 0; } :is(.lr-zomer, .lr-winter) .lr-feature .lr-sec__media img { inline-size: 100%; block-size: 100%; object-fit: cover; } } @media (max-width: 47.99rem) { :is(.lr-zomer, .lr-winter) .lr-feature .lr-sec__media img { aspect-ratio: 3/2; } } @media (min-width: 48rem) and (max-width: 63.99rem) { :root :is(.lr-zomer, .lr-winter) .lr-sec.lr-feature.lr-sec--bleed-start > .lr-sec__body { padding-inline-start: var(--wp--style--root--padding-left); } :root :is(.lr-zomer, .lr-winter) .lr-sec.lr-feature.lr-sec--bleed-end > .lr-sec__body { padding-inline-end: var(--wp--style--root--padding-right); } }
.page-template-default .lr-page-title { margin-block-start: 0; margin-block-end: var(--wp--preset--spacing--50); } .page-template-default .lr-page-title { text-wrap: balance; hyphens: none; } .page-template-default .wp-block-post-content > .lr-sec:last-child:not(.lr-closing) { padding-block-end: var(--wp--preset--spacing--60); } .page-template-default:not(.home) .lr-sec--split { align-items: start; } .page-template-default:not(.home) .lr-sec__body p { line-height: 1.75; } .page-template-default:not(.home) .lr-sec__body p, .page-template-default:not(.home) .lr-field__help, .page-template-default:not(.home) .lr-map__caption { text-wrap: pretty; } .page-template-default:not(.home) .lr-sec__body p + p { margin-block-start: var(--wp--preset--spacing--40); } .lr-contact-details { margin-block-start: var(--wp--preset--spacing--30); } .lr-contact-details__map { display: block; inline-size: fit-content; max-inline-size: 100%; color: inherit; text-decoration: none; transition: color .3s var(--lr-ease); } .lr-contact-details__map:hover, .lr-contact-details__map:focus-visible { color: var(--lr-accent-deep); } .lr-contact-details__map:hover .lr-contact-details__address span, .lr-contact-details__map:hover .lr-contact-details__address strong, .lr-contact-details__map:focus-visible .lr-contact-details__address span, .lr-contact-details__map:focus-visible .lr-contact-details__address strong { text-decoration: underline; text-decoration-color: currentColor; text-decoration-thickness: 1px; text-underline-offset: .25em; } .lr-contact-details__address { font-style: normal; display: flex; flex-direction: column; } .lr-contact-details__list { list-style: none; margin-block: var(--wp--preset--spacing--20) 0; padding: 0; display: flex; flex-direction: column; } @media (pointer: coarse) { .lr-contact-details__list a { display: inline-flex; align-items: center; min-block-size: 44px; } }