.block { padding: var(--block-padding, var(--section-spacing)) 1.25rem; }
.block-inner { width: min(var(--block-content-width, var(--content-width)), 100%); margin: 0 auto; }
.block-inner.narrow { width: min(48rem, 100%); }
.block h1 { font-size: clamp(2.8rem, 7vw, 5.8rem); line-height: .97; max-width: 13ch; margin: 0 0 1.5rem; letter-spacing: -.05em; }
.block h2 { font-size: clamp(2rem, 4vw, 3.4rem); line-height: 1; margin: 0 0 1.5rem; letter-spacing: -.035em; }
.block h3 { margin: 0 0 .5rem; }
.block p { max-width: 62ch; line-height: 1.7; }
.eyebrow { color: var(--primary); font-size: .75rem; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
.block-hero { background: radial-gradient(circle at 85% 20%, color-mix(in srgb, var(--primary) 18%, transparent), transparent 35%), var(--block-surface-background, var(--background)); background-color: var(--block-background-color, var(--background)); background-position: var(--block-background-position, center); background-repeat: no-repeat; background-size: var(--block-background-size, cover); }
.block-hero p:not(.eyebrow) { font-size: 1.2rem; }
.site-button { display: inline-flex; margin-top: 1rem; padding: .8rem 1.2rem; border: var(--border-width) solid var(--primary); border-radius: var(--radius); background: var(--primary); color: white; font-weight: 750; text-decoration: none; box-shadow: var(--shadow); }
.card-grid, .product-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr)); gap: var(--block-gap); margin-top: 2rem; }
.site-card, .product-card { padding: 1.5rem; border: var(--border-width) solid var(--border-color); border-radius: var(--radius); background: var(--surface); box-shadow: var(--shadow); }
.split { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: center; gap: calc(var(--block-gap) * 2); }
.split.right img, .split.right .image-placeholder { order: 2; }
.split img, .image-placeholder { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border-radius: var(--radius); background: linear-gradient(135deg, color-mix(in srgb, var(--primary) 25%, var(--background)), color-mix(in srgb, var(--primary) 5%, var(--background))); }
.hours-list > div, .menu-list article { display: flex; justify-content: space-between; gap: var(--block-gap); padding: 1rem 0; border-bottom: var(--border-width) solid var(--border-color); }
.hours-list dt, .menu-list h3 { font-weight: 750; }
.hours-list dd { margin: 0; text-align: right; }
.menu-list article p { margin: .25rem 0 0; }
.menu-list article > strong { white-space: nowrap; }
.product-card { padding: 0; overflow: hidden; }
.product-card > div:last-child { padding: 1.25rem; }
.product-image, .product-card img { display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: cover; background: linear-gradient(145deg, color-mix(in srgb, var(--primary) 20%, var(--background)), color-mix(in srgb, var(--primary) 4%, var(--background))); }
.contact-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 2rem; }
.block-contact a { color: inherit; }
.block-cta .block-inner { display: flex; justify-content: space-between; gap: 2rem; align-items: center; }
.block-cta h2 { max-width: 18ch; font-size: clamp(1.8rem, 3vw, 2.8rem); }
.block-cta h2, .block-cta p { margin-top: 0; }
.block-cta p { margin-bottom: 0; }
.block-cta.cta-style-secondary { color: var(--block-explicit-foreground, var(--background)); background: var(--block-surface-background, var(--foreground)); }
.prose { font-size: 1.08rem; }
.block-heading.center { text-align: center; }
.block-heading.right { text-align: right; }
.block-heading h1, .block-heading h2, .block-heading h3, .block-heading h4 { max-width: none; margin-bottom: 0; }
.block-image figure, .block-gallery figure, .block-testimonial, .block-video figure { margin-block: 0; }
.block-image .image-narrow { max-width: 48rem; }
.block-image .image-full { width: 100%; }
.block-image img, .block-gallery img, .block-video video { display: block; width: 100%; border-radius: var(--radius); }
.block-image img { max-height: 760px; object-fit: cover; }
.block-image figcaption, .block-gallery figcaption, .block-video figcaption { margin-top: .65rem; color: var(--muted); font-size: .85rem; }
.button-row { display: flex; flex-wrap: wrap; gap: var(--block-gap); }
.button-row.center { justify-content: center; }
.button-row.right { justify-content: flex-end; }
.button-row.button-style-secondary .site-button { border-color: var(--primary); color: var(--primary); background: transparent; box-shadow: none; }
.gallery-grid { display: grid; gap: var(--block-gap); }
.gallery-grid.columns-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.gallery-grid.columns-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.gallery-grid.columns-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.gallery-grid figure { min-width: 0; }
.gallery-grid img, .gallery-grid .image-placeholder { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; }
.block-testimonial blockquote { margin: 0; color: inherit; font-family: var(--heading-font); font-size: clamp(1.6rem, 4vw, 2.8rem); line-height: 1.2; }
.block-testimonial figcaption { display: grid; gap: .2rem; margin-top: 1.5rem; color: var(--muted); }
.block-testimonial figcaption strong { color: var(--foreground); }
.faq-list { display: grid; gap: .75rem; }
.faq-list details { border: var(--border-width) solid var(--border-color); border-radius: var(--radius); padding: 1rem 1.2rem; background: var(--surface); }
.faq-list summary { cursor: pointer; font-weight: 750; }
.faq-list p { margin-bottom: 0; color: var(--muted); }
.block-separator { padding: calc(var(--section-spacing) * .35) 1.25rem; }
.block-separator hr { border: 0; border-top: var(--border-width) solid var(--border-color); margin: 0 auto; }
.block-separator hr.dashed { border-top-style: dashed; }
.block-separator hr.dotted { border-top-style: dotted; }
.separator-narrow hr { max-width: 32rem; }
.separator-wide hr { max-width: var(--content-width); }
.block-spacer { padding: 0; }
.spacer-small { height: calc(var(--section-spacing) * .35); }
.spacer-medium { height: calc(var(--section-spacing) * .7); }
.spacer-large { height: var(--section-spacing); }
.block-video video { aspect-ratio: 16 / 9; background: #000; }
.video-placeholder { display: grid; aspect-ratio: 16 / 9; place-items: center; border-radius: var(--radius); color: var(--muted); background: var(--surface); }
.stats-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr)); gap: var(--block-gap); }
.stats-grid article { display: grid; gap: .4rem; border-top: calc(var(--border-width) * 2) solid var(--accent); padding-top: 1rem; }
.stats-grid strong { color: var(--primary); font-family: var(--heading-font); font-size: clamp(2rem, 5vw, 4rem); line-height: 1; }
.stats-grid span { color: var(--muted); }
.icon-list-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr)); gap: var(--block-gap); }
.icon-list-grid article { display: grid; grid-template-columns: auto 1fr; gap: 1rem; align-items: start; }
.item-icon { display: grid; width: 2.5rem; height: 2.5rem; place-items: center; border-radius: 999px; color: var(--background); background: var(--primary); font-weight: 800; }
.icon-list-grid h3, .icon-list-grid p { margin-top: 0; }
.logo-cloud { display: grid; grid-template-columns: repeat(auto-fit, minmax(9rem, 1fr)); gap: var(--block-gap); align-items: stretch; }
.logo-cloud > * { display: grid; min-height: 6.5rem; place-items: center; border: var(--border-width) solid var(--border-color); border-radius: var(--radius); padding: 1rem; color: inherit; background: var(--surface); text-align: center; text-decoration: none; }
.logo-cloud img { width: min(10rem, 100%); max-height: 4rem; object-fit: contain; }
.team-grid, .pricing-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr)); gap: var(--block-gap); margin-top: 2rem; }
.team-card, .pricing-card { min-width: 0; border: var(--border-width) solid var(--border-color); border-radius: var(--radius); padding: 1.25rem; background: var(--surface); box-shadow: var(--shadow); }
.team-card img, .portrait-placeholder { display: block; width: 100%; aspect-ratio: 4 / 3; border-radius: calc(var(--radius) * .75); object-fit: cover; background: linear-gradient(145deg, color-mix(in srgb, var(--primary) 22%, var(--background)), color-mix(in srgb, var(--accent) 15%, var(--surface))); }
.team-card h3 { margin-top: 1rem; }
.team-card > strong { color: var(--primary); }
.pricing-card { display: flex; flex-direction: column; align-items: flex-start; }
.pricing-card .price { color: var(--primary); font-family: var(--heading-font); font-size: clamp(1.8rem, 4vw, 3rem); }
.pricing-card ul { flex: 1; padding-left: 1.2rem; }
.table-scroll { overflow-x: auto; }
.block-table table { width: 100%; min-width: 32rem; border-collapse: collapse; text-align: left; }
.block-table caption { margin-bottom: 1rem; font-family: var(--heading-font); font-size: 1.25rem; font-weight: 750; text-align: left; }
.block-table th, .block-table td { border-bottom: var(--border-width) solid var(--border-color); padding: .9rem 1rem; vertical-align: top; }
.block-table thead th { color: var(--background); background: var(--primary); }
.block-table tbody th { font-weight: 750; }
.block-audio audio { width: 100%; }
.audio-placeholder { border: var(--border-width) dashed var(--border-color); border-radius: var(--radius); padding: 1.25rem; color: var(--muted); background: var(--surface); }
.block-download .block-inner { display: flex; justify-content: space-between; gap: 2rem; align-items: center; border: var(--border-width) solid var(--border-color); border-radius: var(--radius); padding: 1.5rem; background: var(--surface); }
.block-download h2, .block-download p { margin-top: 0; }
.carousel-heading { display: flex; justify-content: space-between; gap: 1rem; align-items: center; }
.carousel-controls { display: flex; gap: .5rem; }
.carousel-controls button { width: 44px; height: 44px; border: var(--border-width) solid var(--border-color); border-radius: 999px; color: var(--foreground); background: var(--surface); font-size: 1.5rem; cursor: pointer; }
.carousel-track { display: grid; grid-auto-flow: column; grid-auto-columns: 100%; gap: var(--block-gap); overflow-x: auto; padding: .25rem .1rem 1rem; scroll-snap-type: x mandatory; overscroll-behavior-inline: contain; }
.carousel-track.items-2 { grid-auto-columns: calc((100% - var(--block-gap)) / 2); }
.carousel-track.items-3 { grid-auto-columns: calc((100% - var(--block-gap) * 2) / 3); }
.carousel-slide { min-width: 0; overflow: hidden; border: var(--border-width) solid var(--border-color); border-radius: var(--radius); background: var(--surface); box-shadow: var(--shadow); scroll-snap-align: start; }
.carousel-slide > div:last-child { padding: 1.25rem; }
.carousel-slide img, .carousel-slide .image-placeholder { display: block; width: 100%; aspect-ratio: 4 / 3; border-radius: 0; object-fit: cover; }
.collection-slide { display: grid; min-height: 10rem; align-content: end; padding: 1.25rem; }
.carousel-status { margin: .5rem 0 0; color: var(--muted); font-size: .8rem; }
.tab-list { display: flex; gap: .25rem; overflow-x: auto; border-bottom: var(--border-width) solid var(--border-color); }
.tab-list button { min-height: 44px; border: 0; border-bottom: 3px solid transparent; padding: .75rem 1rem; color: var(--muted); background: transparent; font: inherit; font-weight: 750; white-space: nowrap; cursor: pointer; }
.tab-list button[aria-selected="true"] { border-bottom-color: var(--primary); color: var(--foreground); }
.tab-panels { border: var(--border-width) solid var(--border-color); border-top: 0; padding: 1.25rem; background: var(--surface); }
.tab-panels [role="tabpanel"]:focus-visible, .tab-list button:focus-visible, .carousel-controls button:focus-visible, .carousel-track:focus-visible { outline: 3px solid var(--accent); outline-offset: 3px; }
.tab-panels p { margin-block: 0; white-space: pre-line; }
.block-location { container-type: inline-size; }
.location-card { display: grid; overflow: hidden; border: var(--border-width) solid var(--border-color); border-radius: calc(var(--radius) * 1.2); background: var(--surface); box-shadow: var(--shadow); }
.location-map-frame { min-width: 0; min-height: 22rem; background: color-mix(in srgb, var(--primary) 7%, var(--surface)); }
.location-map-frame .external-media-placeholder { height: 100%; min-height: 22rem; border: 0; border-radius: 0; }
.location-copy { display: grid; align-content: center; justify-items: start; padding: clamp(1.5rem, 5cqi, 3rem); }
.location-copy .eyebrow { margin: 0 0 .85rem; }
.location-copy h2 { margin-bottom: 1rem; }
.location-copy address { max-width: 32rem; color: var(--muted); font-style: normal; line-height: 1.65; white-space: pre-line; }
@container (min-width: 52rem) { .location-card { grid-template-columns: minmax(0, 1.35fr) minmax(18rem, .65fr); } }
.block-timeline ol { display: grid; gap: 0; padding: 0; list-style: none; }
.block-timeline li { display: grid; grid-template-columns: 7rem 1fr; gap: 1.25rem; border-left: 3px solid var(--primary); padding: 0 0 2rem 1.5rem; }
.block-timeline li > span { color: var(--primary); font-weight: 800; }
.block-timeline h3, .block-timeline p { margin-top: 0; }
.progress-list { display: grid; gap: 1.25rem; }
.progress-list > div > div { display: flex; justify-content: space-between; gap: 1rem; }
.progress-list progress { width: 100%; height: 1rem; accent-color: var(--primary); }
.block-whatsapp .block-inner { display: flex; align-items: center; justify-content: space-between; gap: calc(var(--block-gap) * 1.5); border: var(--border-width) solid color-mix(in srgb, #25d366 45%, var(--border-color)); border-radius: var(--radius); padding: clamp(1.4rem, 4vw, 2.4rem); background: color-mix(in srgb, #25d366 8%, var(--surface)); }
.block-whatsapp h2, .block-whatsapp p { margin-top: 0; }
.block-whatsapp p:last-child { margin-bottom: 0; }
.block-whatsapp .whatsapp-button { flex: 0 0 auto; border-color: #157b43; background: #157b43; }
.block-animated-counter { text-align: center; }
.animated-counter-value { max-width: none !important; margin: 0; color: var(--primary); font-family: var(--heading-font); font-size: clamp(3.5rem, 12vw, 8rem); font-weight: 800; line-height: .9 !important; letter-spacing: -.06em; }
.animated-counter-value + p { margin: 1rem auto 0; color: var(--muted); font-weight: 700; }
.block-hover-links nav { display: grid; margin-top: 1.5rem; }
.block-hover-links nav a { display: flex; min-height: 3.5rem; align-items: center; justify-content: space-between; gap: 1rem; border-bottom: var(--border-width) solid var(--border-color); color: inherit; font-family: var(--heading-font); font-size: clamp(1.25rem, 3vw, 2rem); font-weight: 750; text-decoration: none; transition: color .25s ease, background .25s ease, transform .25s ease; }
.block-hover-links nav a span { transition: transform .25s ease; }
.block-hover-links nav a:hover span, .block-hover-links nav a:focus-visible span { transform: translate(.25rem, -.2rem); }
.hover-underline nav a { background-image: linear-gradient(var(--accent), var(--accent)); background-position: 0 100%; background-repeat: no-repeat; background-size: 0 3px; transition: background-size .3s ease; }
.hover-underline nav a:hover, .hover-underline nav a:focus-visible { background-size: 100% 3px; }
.hover-highlight nav a:hover, .hover-highlight nav a:focus-visible { padding-inline: .75rem; color: var(--background); background: var(--primary); }
.hover-lift nav a:hover, .hover-lift nav a:focus-visible { color: var(--primary); transform: translateY(-.25rem); }
.block-text-reveal h1, .block-text-reveal h2, .block-text-reveal h3 { max-width: 18ch; margin-inline: 0; font-size: clamp(2.5rem, 7vw, 6rem); }
.block-text-reveal.center h1, .block-text-reveal.center h2, .block-text-reveal.center h3 { margin-inline: auto; }
.block-text-reveal.right h1, .block-text-reveal.right h2, .block-text-reveal.right h3 { margin-left: auto; }
.block-text-reveal h1 > span, .block-text-reveal h2 > span, .block-text-reveal h3 > span { display: inline-block; opacity: 0; transform: translateY(.7em); transition: opacity .55s ease, transform .55s cubic-bezier(.22,1,.36,1); }
.block-text-reveal.is-revealed h1 > span, .block-text-reveal.is-revealed h2 > span, .block-text-reveal.is-revealed h3 > span { opacity: 1; transform: none; }
.block-text-reveal h1 > span:nth-child(2), .block-text-reveal h2 > span:nth-child(2), .block-text-reveal h3 > span:nth-child(2) { transition-delay: .06s; }
.block-text-reveal h1 > span:nth-child(3), .block-text-reveal h2 > span:nth-child(3), .block-text-reveal h3 > span:nth-child(3) { transition-delay: .12s; }
.block-text-reveal h1 > span:nth-child(n+4), .block-text-reveal h2 > span:nth-child(n+4), .block-text-reveal h3 > span:nth-child(n+4) { transition-delay: .18s; }
.block-marquee { position: relative; overflow: hidden; border-block: var(--border-width) solid var(--border-color); padding-block: 1.25rem; }
.marquee-viewport { overflow: hidden; }
.marquee-track { display: flex; width: max-content; animation: habitat-marquee 24s linear infinite; }
.marquee-track > span { display: flex; }
.marquee-track span span { display: inline-flex; align-items: center; font-family: var(--heading-font); font-size: clamp(1.6rem, 4vw, 3rem); font-weight: 750; white-space: nowrap; }
.marquee-separator { margin-inline: 1.5rem; color: var(--accent); font-style: normal; }
.marquee-fast .marquee-track { animation-duration: 14s; } .marquee-slow .marquee-track { animation-duration: 38s; }
.marquee-right .marquee-track { animation-direction: reverse; }
.block-marquee.is-paused .marquee-track { animation-play-state: paused; }
.block-marquee > button { display: block; min-height: 44px; border: 0; margin: .75rem auto -1rem; color: var(--muted); background: transparent; font: inherit; font-size: .8rem; text-decoration: underline; cursor: pointer; }
@keyframes habitat-marquee { to { transform: translateX(-50%); } }
.link-preview-card { display: grid; grid-template-columns: minmax(8rem, 34%) 1fr; overflow: hidden; border: var(--border-width) solid var(--border-color); border-radius: var(--radius); color: inherit; background: var(--surface); box-shadow: var(--shadow); text-decoration: none; transition: transform .25s ease, box-shadow .25s ease; }
.link-preview-card:hover, .link-preview-card:focus-visible { transform: translateY(-.25rem); box-shadow: 0 18px 45px rgb(23 32 59 / 18%); }
.link-preview-card > img { width: 100%; height: 100%; min-height: 13rem; object-fit: cover; }
.link-preview-card > span { display: grid; align-content: center; gap: .55rem; padding: clamp(1.25rem, 4vw, 2rem); }
.link-preview-card small { color: var(--primary); font-weight: 800; text-transform: uppercase; letter-spacing: .08em; }
.link-preview-card strong { font-family: var(--heading-font); font-size: clamp(1.4rem, 3vw, 2rem); }
.link-preview-card em { color: var(--primary); font-style: normal; font-weight: 750; }
.block-fluid-gradient { position: relative; isolation: isolate; overflow: hidden; background: linear-gradient(135deg, color-mix(in srgb, var(--gradient-one) 55%, var(--background)), color-mix(in srgb, var(--gradient-two) 50%, var(--surface))); }
.fluid-gradient-orb { position: absolute; z-index: -1; width: min(65vw, 52rem); aspect-ratio: 1; border-radius: 50%; background: radial-gradient(circle at 35% 35%, var(--gradient-three), transparent 65%); filter: blur(25px); opacity: .75; animation: habitat-fluid-gradient 12s ease-in-out infinite alternate; }
.block-fluid-gradient .block-inner { position: relative; z-index: 1; }
@keyframes habitat-fluid-gradient { from { transform: translate(-20%, -30%) scale(.9); } to { transform: translate(70%, 20%) scale(1.15); } }
.block-youtube figure { margin: 0; }
.youtube-player { position: relative; display: grid; aspect-ratio: 16 / 9; overflow: hidden; place-items: center; border-radius: var(--radius); background: #111; }
.youtube-player > img, .youtube-poster-placeholder, .youtube-player > iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; object-fit: cover; }
.youtube-poster-placeholder { background: radial-gradient(circle at center, color-mix(in srgb, var(--accent) 42%, transparent), transparent 26%), linear-gradient(145deg, #191919, #383838); }
.youtube-play { position: relative; z-index: 1; display: grid; min-width: 11rem; min-height: 7.25rem; place-items: center; gap: .2rem; border: 0; border-radius: calc(var(--radius) * .8); padding: 1rem 1.4rem; color: white; background: color-mix(in srgb, #000 78%, transparent); font: inherit; cursor: pointer; }
.youtube-play > span { display: grid; width: 3rem; height: 3rem; place-items: center; border-radius: 999px; padding-left: .2rem; color: #111; background: white; }
.youtube-play small { font-size: .72rem; font-weight: 500; opacity: .8; }
.youtube-player:focus-within { outline: 3px solid var(--accent); outline-offset: 3px; }
.block-youtube figcaption { margin-top: .65rem; color: var(--muted); font-size: .85rem; }
.external-media-placeholder { display: grid; min-height: 20rem; place-items: center; align-content: center; gap: 1rem; border: 1px solid var(--border); border-radius: var(--radius); padding: 2rem; text-align: center; background: color-mix(in srgb, var(--surface) 94%, var(--background)); }
.external-media-placeholder > p { display: grid; gap: .35rem; max-width: 28rem; margin: 0; }
.external-media-placeholder > p span, .form-privacy-notice { color: var(--muted); font-size: .82rem; line-height: 1.5; }
.external-media-placeholder > iframe { width: 100%; min-height: 20rem; border: 0; border-radius: var(--radius); }
.external-media-placeholder:has(> iframe) { display: block; overflow: hidden; padding: 0; }
.external-media-placeholder:has(> iframe) > iframe { display: block; height: 100%; min-height: inherit; border-radius: inherit; }
.block-layout { padding-inline: 1.25rem; }
.layout-children { --layout-gap: var(--block-gap); display: grid; gap: var(--layout-gap); }
.layout-gap-none .layout-children { --layout-gap: 0px; }
.layout-gap-small .layout-children { --layout-gap: calc(var(--block-gap) * .5); }
.layout-gap-large .layout-children { --layout-gap: calc(var(--block-gap) * 2); }
.block-layout-columns .layout-children, .block-layout-grid .layout-children { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.block-layout-columns.layout-columns-3 .layout-children, .block-layout-grid.layout-columns-3 .layout-children { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.block-layout-columns.layout-columns-4 .layout-children, .block-layout-grid.layout-columns-4 .layout-children { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.block-layout-row .layout-children { display: flex; flex-wrap: wrap; align-items: stretch; }
.block-layout-row.layout-align-start .layout-children { align-items: flex-start; }
.block-layout-row.layout-align-center .layout-children { align-items: center; }
.block-layout-row.layout-align-end .layout-children { align-items: flex-end; }
.block-layout-row .nested-extension-block { min-width: min(16rem, 100%); flex: 1 1 16rem; }
.block-layout-stack .layout-children, .block-layout-group .layout-children { grid-template-columns: minmax(0, 1fr); }
.nested-extension-block { min-width: 0; }
.nested-extension-block .block-inner { max-width: 100%; }
.layout-empty { margin: 0; border: var(--border-width) dashed var(--border-color); border-radius: var(--radius); padding: 1.25rem; color: var(--muted); background: var(--surface); }
@media (max-width: 700px) { .split, .contact-grid { grid-template-columns: 1fr; } .split.right img, .split.right .image-placeholder { order: 0; } .block-cta .block-inner, .block-whatsapp .block-inner { align-items: flex-start; flex-direction: column; } .youtube-play { min-width: 9rem; min-height: 6rem; padding: .75rem 1rem; } }
@media (max-width: 700px) { .gallery-grid.columns-3, .gallery-grid.columns-4 { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 700px) { .carousel-track.items-2, .carousel-track.items-3 { grid-auto-columns: 88%; } .block-download .block-inner { align-items: flex-start; flex-direction: column; } .block-timeline li { grid-template-columns: 1fr; gap: .35rem; } }
@media (max-width: 700px) { .block-layout-columns .layout-children, .block-layout-grid .layout-children, .block-layout-columns.layout-columns-3 .layout-children, .block-layout-grid.layout-columns-3 .layout-children, .block-layout-columns.layout-columns-4 .layout-children, .block-layout-grid.layout-columns-4 .layout-children { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 700px) { .tab-list { grid-template-columns: 1fr; display: grid; gap: 0; overflow-x: visible; border: var(--border-width) solid var(--border-color); } .tab-list button { width: 100%; border-bottom: var(--border-width) solid var(--border-color); border-left: 3px solid transparent; padding-inline: 1rem; text-align: left; white-space: normal; } .tab-list button:last-child { border-bottom: 0; } .tab-list button[aria-selected="true"] { border-bottom-color: var(--border-color); border-left-color: var(--primary); background: var(--surface); } .tab-panels { border-top: 0; } }
@media (prefers-reduced-motion: reduce) { .carousel-track { scroll-behavior: auto; } .block-text-reveal h1 > span, .block-text-reveal h2 > span, .block-text-reveal h3 > span { opacity: 1; transform: none; transition: none; } .marquee-track, .fluid-gradient-orb { animation: none; } .block-hover-links nav a, .link-preview-card { transition: none; } }
@media (max-width: 700px) { .link-preview-card { grid-template-columns: 1fr; } .link-preview-card > img { min-height: 10rem; aspect-ratio: 16 / 9; } }