@font-face {
font-family: 'Assistant';
font-style: normal;
font-weight: 400 700;
font-display: swap;
src: url('../../fonts/assistant-hebrew.woff2') format('woff2');
unicode-range: U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}
@font-face {
font-family: 'Assistant';
font-style: normal;
font-weight: 400 700;
font-display: swap;
src: url('../../fonts/assistant-latin.woff2') format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'Frank Ruhl Libre';
font-style: normal;
font-weight: 500 700;
font-display: swap;
src: url('../../fonts/frank-ruhl-libre-hebrew.woff2') format('woff2');
unicode-range: U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}
@font-face {
font-family: 'Frank Ruhl Libre';
font-style: normal;
font-weight: 500 700;
font-display: swap;
src: url('../../fonts/frank-ruhl-libre-latin.woff2') format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
:root {
--jws-container: 1160px;
--jws-gutter: var(--jws-space-5);
--jws-display-1: clamp(46px, 6.4vw, 86px);
--jws-display-2: clamp(32px, 3.4vw, 46px);
--jws-display-3: clamp(24px, 2.1vw, 30px);
--jws-rule: 1px solid var(--jws-border-strong);
--jws-measure: 68ch;
--jws-gap: 1rem;
--jws-paper: #faf8f4;
--jws-paper-deep: #f3eee5;
--jws-surface: #fff;
--jws-ink: #211e1a;
--jws-ink-muted: #6b6459;
--jws-on-dark: #fff;
--jws-on-dark-muted: #d9cfba;
--jws-rule-on-dark: rgba(255, 255, 255, 0.22);
--jws-border: #e6e0d6;
--jws-border-strong: #94856b;
--jws-slot: #ddd4c2;
--jws-slot-ink: #4a4034;
--jws-overlay: rgba(0, 0, 0, 0.65);
--jws-gold-ink: #83682e;
--jws-gold-ink-hover: #6f5826;
--jws-gold: #b8963f;
--jws-gold-on-dark: #b8963f;
--jws-gold-on-dark-hover: var(--jws-gold-wash);
--jws-gold-wash: #f7f1e3;
--jws-gold-wash-border: #e6d9bd;
--jws-error: #a4292b;
--jws-error-wash: #fbf1f0;
--jws-error-border: #e3b9b6;
--jws-success: #2f6b4f;
--jws-success-wash: #eff5f1;
--jws-disabled: #efe9de;
--jws-weight-display: 600;
--jws-font-display: 'Frank Ruhl Libre', 'David Libre', Georgia, serif;
--jws-font-body: 'Assistant', 'Segoe UI', system-ui, -apple-system, sans-serif;
--jws-font-mono: ui-monospace, 'SFMono-Regular', Menlo, 'Assistant', Consolas, monospace;
--jws-text-xs: 0.8125rem;
--jws-text-sm: 0.9375rem;
--jws-text-base: 1.0625rem;
--jws-text-lg: 1.25rem;
--jws-text-xl: 1.5rem;
--jws-text-2xl: 1.875rem;
--jws-text-3xl: 2.5rem;
--jws-leading-tight: 1.15;
--jws-leading-snug: 1.35;
--jws-leading-body: 1.6;
--jws-leading-loose: 1.75;
--jws-leading-display: 0.98;
--jws-tracking-label: 0.16em;
--jws-tracking-tight: -0.02em;
--jws-tracking-brand: 0.06em;
--jws-tracking-wide: 0.22em;
--jws-space-1: 0.25rem;
--jws-space-2: 0.5rem;
--jws-space-3: 0.75rem;
--jws-space-4: 1rem;
--jws-space-5: 1.5rem;
--jws-space-6: 2rem;
--jws-space-7: 3rem;
--jws-space-8: 4rem;
--jws-space-9: 6rem;
--jws-header-block-size: 133px;
--jws-radius-pill: 999px;
--jws-shadow-sm: 0 1px 2px rgba(33, 30, 26, 0.06);
--jws-touch-min: 44px;
--jws-focus-width: 3px;
--jws-duration: 150ms;
--jws-easing: ease;
--jws-motion-plate: 520ms;
--jws-motion-field: 820ms;
--jws-motion-ease: cubic-bezier(0.22, 0.61, 0.36, 1);
--mobile-bar-height: 0px;
--jws-leading-heading: 1.25;
--jws-hair: 1px solid var(--jws-border);
--jws-compare-ratio: 0.75;
--jws-focus: center center;
}
@media (min-width: 430px) {
:root {
--jws-header-block-size: 73px;
}
}
@media (min-width: 768px) {
:root {
--jws-header-block-size: 121px;
}
}
@media (min-width: 1024px) {
:root {
--jws-gutter: var(--jws-space-7);
--jws-header-block-size: 75px;
}
}
* {
box-sizing: border-box;
}
html {
-webkit-text-size-adjust: 100%;
scroll-padding-block-start: calc(var(--jws-header-block-size) + var(--jws-space-4));
}
body {
margin: 0;
background: var(--jws-paper);
color: var(--jws-ink);
font-family: var(--jws-font-body);
font-size: var(--jws-text-base);
line-height: var(--jws-leading-body);
}
button,
input,
select,
textarea {
font: inherit;
}
h1, h2, h3, h4, h5, h6 {
font-family: var(--jws-font-display);
font-weight: var(--jws-weight-display);
line-height: var(--jws-leading-tight);
text-wrap: pretty;
}
img {
max-width: 100%;
height: auto;
display: block;
}
.screen-reader-text,
.visually-hidden {
position: absolute !important;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
.skip-link.screen-reader-text:focus {
position: fixed !important;
top: 0;
inset-inline-start: 0;
width: auto;
height: auto;
padding: var(--jws-space-3) var(--jws-space-4);
margin: 0;
clip: auto;
background: var(--jws-ink);
color: var(--jws-on-dark);
z-index: 1000;
}
.container,
.band,
.hero__body,
.page-hero__body,
.site-header__inner,
.site-nav__list,
.site-footer__inner {
padding-inline: max(var(--jws-gutter), calc((100% - var(--jws-container)) / 2));
}
a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible {
outline: var(--jws-focus-width) solid var(--jws-gold-ink);
outline-offset: 2px;
}
.visually-hidden:focus-visible + .btn,
.screen-reader-text:focus-visible + .btn {
outline: var(--jws-focus-width) solid var(--jws-gold-ink);
outline-offset: 2px;
}
.site-header {
position: sticky;
inset-block-start: 0;
z-index: 400;
background: var(--jws-paper);
border-block-end: 1px solid var(--jws-border);
}
.site-title {
font-family: var(--jws-font-display);
font-size: var(--jws-text-xl);
font-weight: var(--jws-weight-display);
letter-spacing: var(--jws-tracking-brand);
color: var(--jws-gold-ink);
text-decoration: none;
}
.custom-logo-link {
display: inline-flex;
align-items: center;
}
.custom-logo {
display: block;
block-size: 40px;
inline-size: auto;
max-inline-size: 220px;
object-fit: contain;
}
.header-tel {
display: inline-flex;
align-items: center;
min-height: var(--jws-touch-min);
font-family: var(--jws-font-mono);
font-size: var(--jws-text-sm);
color: var(--jws-ink);
text-decoration: none;
margin-inline-start: auto;
}
.header-tel:hover {
color: var(--jws-gold-ink);
}
.site-header__inner {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: var(--jws-gap);
padding-block: var(--jws-space-3);
}
.site-nav__toggle {
display: inline-flex;
align-items: center;
gap: var(--jws-space-2);
margin-inline-start: auto;
min-height: var(--jws-touch-min);
padding-inline: var(--jws-space-3);
background: none;
border: 1px solid var(--jws-border-strong);
color: var(--jws-ink);
font: inherit;
cursor: pointer;
}
.site-nav__toggle:hover {
border-color: var(--jws-gold);
}
.site-nav__toggle-bars {
position: relative;
width: 18px;
height: 2px;
background: currentColor;
}
.site-nav__toggle-bars::before,
.site-nav__toggle-bars::after {
content: '';
position: absolute;
inset-inline-start: 0;
width: 100%;
height: 2px;
background: currentColor;
}
.site-nav__toggle-bars::before {
top: -6px;
}
.site-nav__toggle-bars::after {
top: 6px;
}
.site-nav {
display: none;
background: var(--jws-paper-deep);
border-block-start: 1px solid var(--jws-border);
}
.site-nav--open {
display: block;
max-height: 70vh;
overflow-y: auto;
overscroll-behavior: contain;
}
.site-nav__list {
display: flex;
flex-direction: column;
list-style: none;
margin: 0;
padding-block: 0;
}
.site-nav__list li {
border-block-end: 1px solid var(--jws-border);
}
.site-nav__list li:last-child {
border-block-end: 0;
}
.site-nav__list a {
display: flex;
align-items: center;
min-height: var(--jws-touch-min);
color: var(--jws-ink-muted);
font-size: var(--jws-text-sm);
text-decoration: none;
border-block-end: 2px solid transparent;
transition: color var(--jws-duration) var(--jws-easing), border-color var(--jws-duration) var(--jws-easing);
}
.site-nav__list a:hover {
color: var(--jws-ink);
border-block-end-color: var(--jws-gold);
}
.site-nav__list .current-menu-item > a {
color: var(--jws-ink);
font-weight: 600;
border-block-end-color: var(--jws-gold);
}
@media (min-width: 768px) {
.site-nav__toggle {
display: none;
}
.site-nav {
display: block;
max-height: none;
overflow: visible;
}
.site-nav__list {
flex-direction: row;
gap: var(--jws-space-5);
overflow-x: auto;
scrollbar-width: none;
}
}
@media (min-width: 900px) {
.site-header {
display: flex;
align-items: center;
gap: var(--jws-gap);
padding-block: var(--jws-space-3);
padding-inline: max(var(--jws-gutter), calc((100% - var(--jws-container)) / 2));
}
.site-header__inner {
display: contents;
}
.site-branding {
order: 0;
flex-shrink: 0;
}
.site-nav {
order: 1;
flex: 1 1 auto;
min-inline-size: 0;
background: transparent;
border-block-start: 0;
}
.site-nav__list {
padding-inline: 0;
}
.header-tel {
order: 2;
margin-inline-start: 0;
}
.site-header__cta {
order: 3;
flex-shrink: 0;
}
.site-nav__list::-webkit-scrollbar {
display: none;
}
.site-nav__list li {
flex: none;
border-block-end: 0;
}
.site-nav__list a {
white-space: nowrap;
}
}
.btn {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: var(--jws-touch-min);
padding: 0.6em 1.4em;
text-decoration: none;
font-weight: 600;
border: 1px solid transparent;
transition: background-color var(--jws-duration) var(--jws-easing), border-color var(--jws-duration) var(--jws-easing);
}
.btn--primary {
background: var(--jws-ink);
color: var(--jws-on-dark);
}
.btn--primary:hover {
background: var(--jws-gold-ink);
}
.btn--secondary {
background: transparent;
border-color: var(--jws-border-strong);
color: var(--jws-ink);
}
.btn--secondary:hover {
border-color: var(--jws-gold-ink);
}
.btn--large {
font-size: var(--jws-text-lg);
padding: 0.8em 2em;
}
.btn:disabled {
background: var(--jws-disabled);
border-color: transparent;
color: var(--jws-ink-muted);
cursor: default;
}
.cta-band {
padding-block: var(--jws-space-7);
}
@media (min-width: 768px) {
.cta-band {
padding-block: var(--jws-space-8);
}
}
.cta-band > .container > h2 {
font-size: var(--jws-text-2xl);
text-align: center;
margin-block: 0 var(--jws-space-5);
}
.cta-band > .container > p {
max-width: var(--jws-measure);
margin-inline: auto;
margin-block-end: var(--jws-space-5);
}
.services__grid,
.gallery-preview__grid,
.testimonials__grid {
display: grid;
grid-template-columns: 1fr;
gap: 1.25rem;
margin: var(--jws-space-5) 0;
}
@media (min-width: 480px) {
.gallery-preview__grid {
grid-template-columns: repeat(2, 1fr);
}
}
@media (min-width: 768px) {
.services__grid,
.testimonials__grid {
grid-template-columns: repeat(2, 1fr);
}
.gallery-preview__grid {
grid-template-columns: repeat(3, 1fr);
}
}
.gallery-item__media {
display: block;
}
.gallery-compare--full .gallery-compare__half {
aspect-ratio: var(--jws-compare-ratio, 0.75);
}
.gallery-compare {
display: flex;
gap: 2px;
}
.gallery-compare__half {
position: relative;
background: var(--jws-border);
flex: 1 1 50%;
aspect-ratio: 1 / 1;
overflow: hidden;
}
.gallery-compare__half img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: var(--jws-focus, center center);
}
.gallery-compare__label {
position: absolute;
bottom: 4px;
inset-inline-start: 4px;
padding: 2px 8px;
font-size: var(--jws-text-xs);
background: var(--jws-overlay);
color: var(--jws-on-dark);
border-radius: 3px;
}
.gallery-preview__item {
margin: 0;
}
.gallery-preview__item figcaption {
margin-block-start: var(--jws-space-3);
font-size: var(--jws-text-sm);
color: var(--jws-ink-muted);
}
.gallery-preview__grid + .btn {
display: flex;
width: fit-content;
margin-inline: auto;
}
.gallery-preview__placeholder {
aspect-ratio: 1 / 1;
background: var(--jws-border);
border-radius: 0;
}
.gallery-preview__request {
display: inline-flex;
align-items: center;
min-height: var(--jws-touch-min);
color: var(--jws-gold-ink);
font-size: var(--jws-text-sm);
position: relative;
z-index: 1;
}
.gallery-preview__badge {
display: inline-flex;
align-items: center;
gap: var(--jws-space-1);
color: var(--jws-gold-ink);
font-size: var(--jws-text-sm);
letter-spacing: var(--jws-tracking-brand);
}
.gallery-preview__badge::before {
content: "";
width: 1.5rem;
height: 1px;
background: currentColor;
}
@media (min-width: 1024px) {
.testimonials__grid {
grid-template-columns: repeat(3, 1fr);
}
.services__grid {
grid-template-columns: repeat(2, 1fr);
}
}
.service-card {
display: flex;
flex-direction: column;
border: 1px solid var(--jws-border);
overflow: hidden;
text-decoration: none;
color: inherit;
background: var(--jws-surface);
transition: border-color var(--jws-duration) var(--jws-easing);
}
.service-card > :last-child {
margin-block-start: auto;
}
.service-card img {
aspect-ratio: 4 / 3;
object-fit: cover;
width: 100%;
}
.service-card__title,
.service-card__price {
padding-inline: var(--jws-space-4);
}
.service-card__price {
margin-block: 0 var(--jws-space-4);
color: var(--jws-gold-ink);
font-weight: 600;
font-size: var(--jws-text-sm);
}
.testimonials__rail {
display: grid;
grid-auto-flow: column;
grid-auto-columns: calc(100% - 2.75rem);
gap: 1.25rem;
margin: var(--jws-space-5) 0;
padding-block-end: var(--jws-space-3);
overflow-x: auto;
overscroll-behavior-inline: contain;
scroll-snap-type: x proximity;
scroll-padding-inline: var(--jws-space-2);
}
@media (min-width: 768px) {
.testimonials__rail {
grid-auto-columns: calc((100% - 4rem) / 2);
}
}
.testimonials__rail > * {
scroll-snap-align: start;
}
.testimonials__rail:focus-visible {
outline: var(--jws-focus-width) solid var(--jws-gold-ink);
outline-offset: 3px;
}
.testimonial-card {
display: flex;
flex-direction: column;
margin: 0;
padding: var(--jws-space-5);
background: var(--jws-surface);
border: 1px solid var(--jws-border);
border-radius: 0;
}
.testimonial-card::before {
content: '\201D';
display: block;
font-family: var(--jws-font-display);
font-size: var(--jws-text-3xl);
line-height: var(--jws-leading-tight);
color: var(--jws-gold-ink);
}
.testimonial-card p {
margin-block: 0 var(--jws-space-4);
}
.testimonial-card cite {
font-style: normal;
font-weight: 600;
font-size: var(--jws-text-sm);
color: var(--jws-ink-muted);
}
.testimonial-card__meta {
display: flex;
flex-direction: column;
gap: var(--jws-space-1);
margin-block-start: auto;
}
.testimonial-card__source {
font-family: var(--jws-font-mono);
font-size: var(--jws-text-xs);
color: var(--jws-ink-muted);
}
a.testimonial-card__source {
display: inline-flex;
align-items: center;
align-self: flex-start;
min-height: var(--jws-touch-min);
color: var(--jws-gold-ink);
text-decoration: underline;
text-underline-offset: 0.2em;
}
.editor-note {
padding-inline-start: var(--jws-space-3);
border-inline-start: 3px solid var(--jws-border-strong);
color: var(--jws-ink-muted);
font-size: var(--jws-text-sm);
}
.cta-band {
text-align: center;
background: var(--jws-gold-wash);
border-block: 1px solid var(--jws-gold-wash-border);
}
.filter-chip {
display: inline-flex;
align-items: center;
min-height: var(--jws-touch-min);
padding: 0 var(--jws-space-4);
border: 1px solid var(--jws-border-strong);
border-radius: var(--jws-radius-pill);
text-decoration: none;
color: inherit;
transition: background-color var(--jws-duration) var(--jws-easing), border-color var(--jws-duration) var(--jws-easing);
}
.filter-chip--active {
background: var(--jws-gold-ink);
color: var(--jws-on-dark);
border-color: var(--jws-gold-ink);
}
.actions {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: var(--jws-space-3);
margin-block-start: var(--jws-space-5);
}
.cta-band .actions {
justify-content: center;
margin-block-start: 0;
}
.channel {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: var(--jws-space-2);
padding: var(--jws-space-5);
background: var(--jws-surface);
border: 1px solid var(--jws-border);
border-radius: 0;
}
.channel__title {
font-family: var(--jws-font-display);
font-weight: var(--jws-weight-display);
font-size: var(--jws-text-lg);
margin: 0;
}
.channel__value {
margin: 0;
color: var(--jws-ink);
}
.channel__note {
margin: 0;
font-size: var(--jws-text-sm);
line-height: var(--jws-leading-body);
color: var(--jws-ink-muted);
}
.channel .btn {
margin-block-start: auto;
}
@media (min-width: 768px) {
.gallery-preview__grid--pair {
grid-template-columns: repeat(2, 1fr);
}
}
.service-card__excerpt {
margin-block: var(--jws-space-2) 0;
font-size: var(--jws-text-sm);
color: var(--jws-ink-muted);
}
.services-page__family-detail {
max-width: var(--jws-measure);
margin-block-end: var(--jws-space-5);
padding-inline-start: var(--jws-space-4);
border-inline-start: 2px solid var(--jws-gold);
}
.services-page__family-detail p {
margin-block: 0 var(--jws-space-3);
color: var(--jws-ink-muted);
}
.services-page__family-detail p:last-child {
margin-block-end: 0;
}
.page-hero {
position: relative;
background: var(--jws-ink);
color: var(--jws-on-dark);
}
.page-hero__media {
position: absolute;
inset: 0;
inline-size: 100%;
block-size: 100%;
display: block;
object-fit: cover;
}
.page-hero__body {
position: relative;
z-index: 2;
padding-block: var(--jws-space-6);
}
.page-hero__media ~ .page-hero__body {
min-block-size: 320px;
display: flex;
flex-direction: column;
justify-content: flex-end;
background: linear-gradient(to top,
rgba(33, 30, 26, 0.94) 0%,
rgba(33, 30, 26, 0.86) 45%,
rgba(33, 30, 26, 0.55) 72%,
rgba(33, 30, 26, 0) 100%);
}
.page-hero__crumb {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: var(--jws-space-2);
font-family: var(--jws-font-mono);
font-size: var(--jws-text-xs);
letter-spacing: normal;
color: var(--jws-on-dark-muted);
margin-block: 0 var(--jws-space-3);
}
.page-hero__crumb a {
color: inherit;
text-decoration: none;
border-block-end: 1px solid transparent;
transition: border-color var(--jws-duration) var(--jws-easing), color var(--jws-duration) var(--jws-easing);
}
.page-hero__crumb a:hover {
color: var(--jws-on-dark);
border-block-end-color: var(--jws-gold);
}
.page-hero__crumb [aria-current="page"] {
color: var(--jws-on-dark);
}
.page__title {
font-size: var(--jws-text-2xl);
line-height: var(--jws-leading-tight);
letter-spacing: var(--jws-tracking-tight);
color: var(--jws-on-dark);
margin: 0;
text-wrap: balance;
}
.page-hero__lede {
color: var(--jws-on-dark-muted);
font-size: var(--jws-text-sm);
line-height: var(--jws-leading-body);
max-inline-size: 46ch;
margin: var(--jws-space-3) 0 0;
}
.page-hero__meta {
font-family: var(--jws-font-mono);
font-size: var(--jws-text-xs);
letter-spacing: var(--jws-tracking-label);
color: var(--jws-on-dark-muted);
margin: var(--jws-space-4) 0 0;
}
.page-hero__stats {
display: flex;
flex-wrap: wrap;
gap: var(--jws-space-4) var(--jws-space-6);
list-style: none;
margin: var(--jws-space-5) 0 0;
padding: var(--jws-space-4) 0 0;
border-block-start: 1px solid var(--jws-gold);
}
@media (max-width: 560px) {
.page-hero__stats {
column-gap: var(--jws-space-4);
}
}
.page-hero__stat b {
display: block;
font-family: var(--jws-font-mono);
font-weight: 400;
font-size: var(--jws-text-xl);
color: var(--jws-on-dark);
}
.page-hero__stat span {
display: block;
font-size: var(--jws-text-xs);
color: var(--jws-on-dark-muted);
}
.page-hero__price-note {
margin: 0;
font-size: var(--jws-text-xs);
line-height: var(--jws-leading-body);
color: var(--jws-on-dark-muted);
}
.band--deep {
background: var(--jws-paper-deep);
}
.section-title {
font-family: var(--jws-font-display);
font-weight: var(--jws-weight-display);
font-size: var(--jws-text-xl);
margin: 0 0 var(--jws-space-3);
letter-spacing: var(--jws-tracking-tight);
}
.section-subtitle {
font-family: var(--jws-font-display);
font-weight: var(--jws-weight-display);
letter-spacing: var(--jws-tracking-tight);
margin: var(--jws-space-6) 0 var(--jws-space-2);
}
.section-lede {
margin: 0 0 var(--jws-space-5);
line-height: var(--jws-leading-body);
color: var(--jws-ink-muted);
font-size: var(--jws-text-sm);
max-inline-size: var(--jws-measure);
}
.spec__why,
.limits p,
.depth p,
.knowledge-list__a,
.family-row__desc {
max-inline-size: var(--jws-measure);
}
.section-more {
display: inline-flex;
align-items: center;
min-height: var(--jws-touch-min);
font-size: var(--jws-text-sm);
color: var(--jws-gold-ink);
text-decoration: underline;
text-decoration-color: var(--jws-gold);
}
.claim {
font-family: var(--jws-font-display);
font-size: var(--jws-text-lg);
line-height: var(--jws-leading-snug);
margin: 0;
border: 0;
padding: 0;
}
.claim__cite {
display: block;
font-style: normal;
font-family: var(--jws-font-mono);
font-size: var(--jws-text-xs);
line-height: var(--jws-leading-loose);
color: var(--jws-ink-muted);
margin-block-start: var(--jws-space-3);
}
.depth {
list-style: none;
margin: 0;
padding: 0;
}
.depth li {
display: grid;
grid-template-columns: 1fr auto;
gap: var(--jws-space-3);
padding-block: var(--jws-space-4);
border-block-start: 1px solid var(--jws-border);
}
.depth li:first-child {
border-block-start: 1px solid var(--jws-ink);
}
.depth__name {
font-family: var(--jws-font-display);
font-weight: var(--jws-weight-display);
font-size: var(--jws-text-lg);
margin: 0;
}
.depth__note {
margin: var(--jws-space-3) 0 0;
font-size: var(--jws-text-xs);
line-height: var(--jws-leading-body);
color: var(--jws-ink-muted);
max-inline-size: var(--jws-measure);
}
.depth li > p:not([class]) {
grid-column: 1 / -1;
margin: 0;
font-size: var(--jws-text-sm);
line-height: var(--jws-leading-body);
color: var(--jws-ink-muted);
}
.family-list {
list-style: none;
margin: 0;
padding: 0;
}
.family-list li {
border-block-start: 1px solid var(--jws-border);
}
.family-list li:first-child {
border-block-start: 1px solid var(--jws-ink);
}
.family-row {
display: grid;
grid-template-columns: 3.5rem 1fr;
gap: var(--jws-space-4);
align-items: center;
min-height: var(--jws-touch-min);
padding-block: var(--jws-space-4);
text-decoration: none;
color: inherit;
}
.family-row__media {
width: 3.5rem;
height: 3.5rem;
object-fit: cover;
border-radius: 0;
}
.family-row__desc {
font-size: var(--jws-text-sm);
line-height: var(--jws-leading-snug);
color: var(--jws-ink-muted);
display: block;
margin-block-start: var(--jws-space-1);
}
@media (hover: hover) {
.family-row:hover .family-row__name,
.family-card:hover .family-card__name {
text-decoration: underline;
text-decoration-color: var(--jws-gold);
text-decoration-thickness: 2px;
}
}
.process {
list-style: none;
margin: 0;
padding: 0;
counter-reset: step;
}
.process li {
counter-increment: step;
display: grid;
grid-template-columns: 1.75rem 1fr;
gap: var(--jws-space-3);
padding-block: var(--jws-space-4);
border-block-start: 1px solid var(--jws-border);
}
.process li::before {
content: counter(step, decimal-leading-zero);
content: counter(step, decimal-leading-zero) / "";
font-family: var(--jws-font-mono);
font-size: var(--jws-text-xs);
color: var(--jws-ink-muted);
padding-block-start: 0.3rem;
}
.process span {
display: block;
font-size: var(--jws-text-sm);
line-height: var(--jws-leading-body);
color: var(--jws-ink-muted);
margin-block-start: var(--jws-space-1);
}
.trust-row {
list-style: none;
margin: var(--jws-space-5) 0 0;
padding: 0;
display: grid;
gap: var(--jws-space-3);
}
.trust-row li {
display: flex;
justify-content: space-between;
align-items: baseline;
gap: var(--jws-space-3);
padding-block-end: var(--jws-space-3);
border-block-end: 1px solid var(--jws-border);
font-size: var(--jws-text-sm);
color: var(--jws-ink-muted);
}
.trust-row strong {
font-family: var(--jws-font-mono);
font-weight: 400;
color: var(--jws-ink);
font-size: var(--jws-text-base);
}
.reviews-badge {
display: flex;
align-items: center;
gap: var(--jws-space-3);
min-height: var(--jws-touch-min);
margin-block-end: var(--jws-space-5);
text-decoration: none;
}
.band--ink .reviews-badge {
color: var(--jws-on-dark);
}
.reviews-badge__rating {
font-family: var(--jws-font-mono);
font-size: var(--jws-text-xl);
flex-shrink: 0;
}
.band--ink .reviews-badge__rating {
color: var(--jws-gold-on-dark);
}
.reviews-badge__text {
font-size: var(--jws-text-sm);
border-block-end: 1px solid currentColor;
}
.band--ink .reviews-badge:hover .reviews-badge__rating {
color: var(--jws-gold-on-dark-hover);
}
.credential {
display: grid;
grid-template-columns: 5.5rem 1fr;
gap: var(--jws-space-4);
align-items: center;
margin-block-start: var(--jws-space-5);
padding-block-start: var(--jws-space-4);
border-block-start: 1px solid var(--jws-ink);
}
.credential--noimage {
grid-template-columns: 1fr;
}
.credential__media {
width: 5.5rem;
border: 1px solid var(--jws-border);
display: block;
}
.credential strong {
display: block;
color: var(--jws-ink);
font-size: var(--jws-text-base);
}
.credential p {
margin: 0;
font-size: var(--jws-text-sm);
line-height: var(--jws-leading-body);
color: var(--jws-ink-muted);
}
.rail {
display: grid;
grid-auto-flow: column;
grid-auto-columns: 9rem;
gap: var(--jws-space-3);
overflow-x: auto;
overscroll-behavior-inline: contain;
scrollbar-width: none;
margin: 0;
padding: 0;
list-style: none;
}
.photo-slot {
display: flex;
align-items: center;
justify-content: center;
aspect-ratio: 1;
background: var(--jws-paper-deep);
border: 1px dashed var(--jws-border-strong);
position: relative;
}
.photo-slot__note {
font-family: var(--jws-font-mono);
font-size: var(--jws-text-xs);
color: var(--jws-ink-muted);
text-align: center;
line-height: var(--jws-leading-body);
}
.hero--photo {
position: relative;
background: var(--jws-ink);
}
.hero__media {
position: absolute;
inset: 0;
inline-size: 100%;
block-size: 100%;
display: block;
object-fit: cover;
}
.hero--photo::after {
content: '';
position: absolute;
inset: 0;
background: linear-gradient(to top, rgba(33, 30, 26, 0.35) 0%, rgba(33, 30, 26, 0) 60%);
}
.hero__body {
position: relative;
z-index: 2;
padding-block: var(--jws-space-6);
min-block-size: 430px;
display: flex;
flex-direction: column;
justify-content: flex-end;
background: linear-gradient(to top,
rgba(33, 30, 26, 0.94) 0%,
rgba(33, 30, 26, 0.86) 45%,
rgba(33, 30, 26, 0.55) 72%,
rgba(33, 30, 26, 0) 100%);
}
.hero__media ~ .hero__body {
min-block-size: min(76svh, 600px);
}
.hero--photo .hero__title {
color: var(--jws-on-dark);
letter-spacing: var(--jws-tracking-tight);
font-size: var(--jws-text-3xl);
margin: 0;
text-wrap: balance;
}
.hero--photo .hero__tagline {
font-family: var(--jws-font-display);
font-weight: var(--jws-weight-display);
font-size: var(--jws-text-lg);
color: var(--jws-on-dark-muted);
margin: var(--jws-space-2) 0 0;
}
.hero--photo .hero__subtitle {
font-size: var(--jws-text-base);
line-height: var(--jws-leading-body);
color: var(--jws-on-dark-muted);
margin: var(--jws-space-3) 0 0;
max-width: 34ch;
}
.hero--photo .btn--primary {
background: var(--jws-paper);
color: var(--jws-ink);
}
@media (min-width: 768px) {
.cta-wizard {
order: -1;
background: var(--jws-ink);
color: var(--jws-on-dark);
border-color: var(--jws-ink);
}
.cta-whatsapp {
background: transparent;
color: var(--jws-ink);
border-color: var(--jws-border-strong);
}
.hero--photo .cta-wizard {
background: var(--jws-paper);
color: var(--jws-ink);
border-color: var(--jws-paper);
}
.hero--photo .cta-whatsapp {
background: transparent;
color: var(--jws-on-dark);
border-color: var(--jws-gold);
}
}
.channels {
display: grid;
grid-template-columns: 1fr;
gap: var(--jws-space-4);
list-style: none;
margin: 0;
padding: 0;
}
@media (min-width: 768px) {
.channels {
grid-template-columns: repeat(2, 1fr);
}
}
@media (min-width: 1024px) {
.channels {
grid-template-columns: repeat(3, 1fr);
}
.channels--two {
grid-template-columns: repeat(2, 1fr);
}
}
@media (min-width: 1024px) {
.two {
display: grid;
grid-template-columns: 1fr 1fr;
gap: var(--jws-space-8);
align-items: start;
}
}
@media (min-width: 768px) {
.hero__body {
min-block-size: 380px;
}
.trust-row {
grid-template-columns: repeat(3, 1fr);
gap: var(--jws-space-5);
}
.trust-row li {
display: block;
}
}
@media (min-width: 1024px) {
.band__grid {
display: grid;
grid-template-columns: 4.5rem 1fr;
gap: var(--jws-space-6);
align-items: start;
}
.band__grid > * {
min-inline-size: 0;
}
.band__grid > .eyebrow {
grid-column: 1;
flex-direction: column;
margin: 0;
}
.section-lede {
max-width: 60ch;
}
.depth {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 0;
}
.depth li {
border-block-start: 1px solid var(--jws-ink);
border-inline-start: 1px solid var(--jws-border);
padding-inline: var(--jws-space-5);
align-content: start;
}
.depth li:first-child {
padding-inline-start: 0;
border-inline-start: 0;
}
.family-row__media {
width: 4.5rem;
height: 4.5rem;
}
.family-row__desc {
max-width: 70ch;
}
.credential {
grid-template-columns: 8rem 1fr;
}
.credential--noimage {
grid-template-columns: 1fr;
}
.credential__media {
width: 8rem;
}
.rail {
grid-auto-columns: 14rem;
}
.hero__body {
min-block-size: 520px;
}
.hero__body {
padding-block: var(--jws-space-8);
}
.site-header__inner {
padding-block: var(--jws-space-4);
}
.cta-band {
padding-block: var(--jws-space-9);
}
}
.knowledge-list {
list-style: none;
margin: 0;
padding: 0;
}
.knowledge-list li {
padding-block: var(--jws-space-4);
border-block-start: 1px solid var(--jws-border);
}
.knowledge-list li:first-child {
border-block-start: 1px solid var(--jws-ink);
}
.knowledge-list__q {
font-family: var(--jws-font-display);
font-weight: var(--jws-weight-display);
font-size: var(--jws-text-lg);
line-height: var(--jws-leading-snug);
margin: 0;
}
.knowledge-list__a {
margin: var(--jws-space-2) 0 0;
font-size: var(--jws-text-sm);
line-height: var(--jws-leading-body);
color: var(--jws-ink-muted);
}
@media (min-width: 768px) {
.knowledge-list li {
break-inside: avoid;
}
}
.topic-index {
display: flex;
flex-wrap: wrap;
gap: var(--jws-space-2);
margin: 0 0 var(--jws-space-5);
padding: 0;
list-style: none;
}
.guide-list {
display: grid;
gap: var(--jws-space-4);
grid-template-columns: 1fr;
margin: 0;
padding: 0;
list-style: none;
}
.guide-card {
display: block;
padding: var(--jws-space-4);
background: var(--jws-surface);
border: 1px solid var(--jws-border);
border-radius: 0;
text-decoration: none;
color: inherit;
transition: border-color var(--jws-duration) var(--jws-easing);
}
@media (hover: hover) {
.guide-card:hover .guide-card__title {
text-decoration: underline;
text-decoration-color: var(--jws-gold);
text-decoration-thickness: 2px;
}
}
.guide-card__kicker {
display: block;
font-family: var(--jws-font-mono);
font-size: var(--jws-text-xs);
letter-spacing: var(--jws-tracking-label);
color: var(--jws-ink-muted);
margin-block-end: var(--jws-space-2);
}
.guide-card__title {
font-family: var(--jws-font-display);
font-weight: var(--jws-weight-display);
font-size: var(--jws-text-lg);
margin: 0;
}
.guide-card__excerpt {
margin: var(--jws-space-2) 0 0;
font-size: var(--jws-text-sm);
line-height: var(--jws-leading-body);
color: var(--jws-ink-muted);
}
.article {
max-width: var(--jws-measure);
}
.article__meta {
font-family: var(--jws-font-mono);
font-size: var(--jws-text-xs);
letter-spacing: var(--jws-tracking-label);
color: var(--jws-ink-muted);
margin: 0 0 var(--jws-space-3);
}
.gallery-grid {
display: grid;
gap: var(--jws-space-4);
grid-template-columns: 1fr;
margin: 0;
padding: 0;
list-style: none;
}
.gallery-item {
background: var(--jws-surface);
border: 1px solid var(--jws-border);
overflow: hidden;
}
.gallery-item__title a,
.gallery-preview__item figcaption a {
color: inherit;
text-decoration: none;
}
.gallery-item,
.gallery-preview__item {
position: relative;
}
.gallery-item__title a::after,
.gallery-preview__item figcaption a::after {
content: "";
position: absolute;
inset: 0;
}
.gallery-item__title a:hover,
.gallery-preview__item figcaption a:hover {
color: var(--jws-gold-ink);
}
.gallery-item__title {
font-family: var(--jws-font-display);
font-weight: var(--jws-weight-display);
font-size: var(--jws-text-base);
margin: 0;
}
.gallery-item__service {
font-family: var(--jws-font-mono);
font-size: var(--jws-text-xs);
color: var(--jws-ink-muted);
margin: var(--jws-space-2) 0 0;
}
@media (min-width: 768px) {
.guide-list,
.gallery-grid {
grid-template-columns: repeat(2, 1fr);
}
}
@media (min-width: 1024px) {
.guide-list,
.gallery-grid {
grid-template-columns: repeat(3, 1fr);
}
}
.eyebrow {
display: flex;
align-items: baseline;
gap: var(--jws-space-3);
font-family: var(--jws-font-mono);
font-size: var(--jws-text-xs);
letter-spacing: var(--jws-tracking-label);
color: var(--jws-ink-muted);
margin-block: 0 var(--jws-space-2);
}
.eyebrow__num {
color: var(--jws-gold-ink);
border-block-end: 1px solid var(--jws-gold);
padding-block-end: 2px;
}
.service-card__tags {
display: flex;
flex-wrap: wrap;
gap: var(--jws-space-2);
list-style: none;
margin: 0;
padding-block: var(--jws-space-3) 0;
padding-inline: var(--jws-space-4);
}
.service-card__tag {
font-family: var(--jws-font-mono);
font-size: var(--jws-text-xs);
letter-spacing: var(--jws-tracking-label);
padding: 0.2rem 0.45rem;
border: 1px solid var(--jws-border-strong);
border-radius: 0;
color: var(--jws-ink-muted);
}
.service-card__tag--mode {
border-style: dashed;
border-color: var(--jws-gold);
background: var(--jws-gold-wash);
color: var(--jws-gold-ink);
}
.service-card__actions {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: var(--jws-space-4);
padding-block: var(--jws-space-4);
padding-inline: var(--jws-space-4);
}
.service-card__more {
display: inline-flex;
align-items: center;
min-height: var(--jws-touch-min);
color: var(--jws-gold-ink);
text-decoration: underline;
text-decoration-color: var(--jws-gold);
}
.services-page__empty p {
margin-block: 0 var(--jws-space-4);
color: var(--jws-ink-muted);
}
.services-page__empty p:last-of-type {
margin-block-end: 0;
}
.services-page__empty strong {
color: var(--jws-ink);
}
.services-page__empty .service-card__actions {
padding-inline: 0;
padding-block-end: 0;
}
.spec {
list-style: none;
margin: 0 0 var(--jws-space-5);
padding: 0;
}
.spec li {
display: grid;
grid-template-columns: 1fr auto;
gap: var(--jws-space-3);
padding-block: var(--jws-space-3);
border-block-start: 1px solid var(--jws-border);
}
.spec__item {
font-weight: 600;
}
.spec__value {
font-family: var(--jws-font-mono);
font-size: var(--jws-text-xl);
}
.spec__why {
grid-column: 1 / -1;
margin: 0;
}
.limits {
margin-block-start: var(--jws-space-5);
padding-block-start: var(--jws-space-4);
border-block-start: 1px solid var(--jws-ink);
}
.limits h3,
.limits__label {
font-family: var(--jws-font-mono);
font-size: var(--jws-text-xs);
font-weight: 400;
letter-spacing: var(--jws-tracking-label);
margin: 0 0 var(--jws-space-3);
}
.limits p {
margin: 0 0 var(--jws-space-3);
}
.limits p:last-child {
margin-block-end: 0;
}
@media (min-width: 768px) {
.page-hero__body {
padding-block: var(--jws-space-7);
}
.page-hero__media ~ .page-hero__body {
min-block-size: 360px;
}
}
@media (min-width: 1024px) {
.cta-band > .container {
display: grid;
grid-template-columns: 1fr auto;
gap: 0 var(--jws-space-8);
align-items: center;
}
.cta-band > .container > h2,
.cta-band > .container > p {
grid-column: 1;
text-align: start;
}
.cta-band > .container > p {
margin-inline: 0;
margin-block-end: 0;
}
.cta-band > .container > .cta-band__mark {
grid-column: 1;
margin-inline: 0;
}
.cta-band > .container > .btn,
.cta-band > .container > .actions {
grid-column: 2;
grid-row: 1 / span 3;
}
}
.entry-content {
max-width: var(--jws-measure);
}
.article > :first-child,
.entry-content > :first-child {
margin-block-start: 0;
}
.article h2,
.entry-content h2 {
font-size: var(--jws-text-xl);
margin-block: var(--jws-space-6) var(--jws-space-3);
letter-spacing: var(--jws-tracking-tight);
}
.article h3,
.entry-content h3 {
font-size: var(--jws-text-lg);
margin-block: var(--jws-space-5) var(--jws-space-2);
}
.article p,
.entry-content p {
margin-block: 0 var(--jws-space-4);
line-height: var(--jws-leading-body);
}
.article ul,
.article ol,
.entry-content ul,
.entry-content ol {
padding-inline-start: 1.25rem;
}
.article li,
.entry-content li {
margin-block-end: var(--jws-space-2);
}
.article img,
.entry-content img {
}
.article blockquote,
.entry-content blockquote {
margin-inline: 0;
padding-inline-start: var(--jws-space-4);
border-inline-start: 3px solid var(--jws-gold);
color: var(--jws-ink-muted);
}
.faq-list {
display: flex;
flex-direction: column;
gap: var(--jws-space-3);
max-width: var(--jws-measure);
list-style: none;
margin: 0;
padding: 0;
}
.faq-item {
background: var(--jws-surface);
border: 1px solid var(--jws-border);
padding-inline: var(--jws-space-4);
}
.faq-item summary {
display: flex;
align-items: center;
min-height: var(--jws-touch-min);
padding-block: var(--jws-space-2);
font-weight: 600;
cursor: pointer;
}
.faq-item summary::marker,
.faq-item summary::-webkit-details-marker {
content: '';
display: none;
}
.faq-item summary::after {
content: '';
flex-shrink: 0;
width: 16px;
height: 16px;
margin-inline-start: auto;
background-color: var(--jws-gold-ink);
transition: transform var(--jws-duration) var(--jws-easing);
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") center / contain no-repeat;
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") center / contain no-repeat;
}
.faq-item[open] summary::after {
transform: rotate(180deg);
}
.faq-item p {
margin-block: 0 var(--jws-space-3);
}
.pagination .nav-links {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: var(--jws-space-2);
margin-block-start: var(--jws-space-6);
}
.pagination .page-numbers {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: var(--jws-touch-min);
min-height: var(--jws-touch-min);
padding-inline: var(--jws-space-3);
border: 1px solid var(--jws-border-strong);
color: inherit;
text-decoration: none;
}
.pagination .page-numbers.current {
background: var(--jws-gold-ink);
border-color: var(--jws-gold-ink);
color: var(--jws-on-dark);
}
.notice-box {
margin-block-end: var(--jws-space-5);
padding: var(--jws-space-5);
background: var(--jws-gold-wash);
border: 1px solid var(--jws-gold-wash-border);
border-radius: 0;
}
.notice-box p {
margin-block: 0 var(--jws-space-2);
}
.notice-box p:last-child {
margin-block-end: 0;
}
.site-footer {
background: var(--jws-paper-deep);
border-block-start: 1px solid var(--jws-border);
padding-block: var(--jws-space-7) calc(var(--jws-space-7) + var(--mobile-bar-height, 0px));
}
.site-footer__inner {
display: grid;
gap: var(--jws-space-6);
}
.site-footer__name {
display: inline-block;
font-family: var(--jws-font-display);
font-size: var(--jws-text-xl);
font-weight: var(--jws-weight-display);
letter-spacing: var(--jws-tracking-brand);
color: var(--jws-gold-ink);
text-decoration: none;
margin-block-end: var(--jws-space-2);
}
.site-footer__tagline {
font-family: var(--jws-font-display);
font-size: var(--jws-text-lg);
margin: 0;
max-inline-size: 30ch;
}
.site-footer__heading {
font-family: var(--jws-font-mono);
font-size: var(--jws-text-xs);
letter-spacing: var(--jws-tracking-label);
color: var(--jws-ink-muted);
margin: 0 0 var(--jws-space-3);
}
.site-footer__contact p:not([class]) {
margin: 0 0 var(--jws-space-2);
font-size: var(--jws-text-sm);
color: var(--jws-ink-muted);
}
.site-footer__contact a,
.site-footer__list a {
display: inline-flex;
align-items: center;
min-height: var(--jws-touch-min);
color: var(--jws-ink);
font-size: var(--jws-text-sm);
text-decoration: none;
}
.site-footer__contact a:hover,
.site-footer__list a:hover {
text-decoration: underline;
text-decoration-color: var(--jws-gold);
text-decoration-thickness: 2px;
}
.site-footer__contact a {
font-family: var(--jws-font-mono);
}
.site-footer__list {
list-style: none;
margin: 0;
padding: 0;
}
.site-footer__legal {
grid-column: 1 / -1;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
gap: var(--jws-space-2) var(--jws-space-4);
margin: 0;
padding-block-start: var(--jws-space-4);
border-block-start: 1px solid var(--jws-border);
font-family: var(--jws-font-mono);
font-size: var(--jws-text-xs);
color: var(--jws-ink-muted);
}
@media (min-width: 768px) {
.site-footer__inner {
grid-template-columns: 1.4fr 1fr 1fr;
gap: var(--jws-space-7);
}
}
.mobile-action-bar {
display: none;
}
@media (max-width: 767px) {
:root {
--mobile-bar-height: calc(60px + env(safe-area-inset-bottom, 0px));
}
.mobile-action-bar {
display: flex;
position: fixed;
inset-inline: 0;
bottom: 0;
height: var(--mobile-bar-height);
padding-block-end: env(safe-area-inset-bottom, 0px);
background: var(--jws-surface);
border-top: 1px solid var(--jws-border);
z-index: 500;
}
.mobile-action-bar__item {
flex: 1;
display: flex;
align-items: center;
justify-content: center;
text-decoration: none;
color: var(--jws-ink);
font-size: var(--jws-text-sm);
min-height: var(--jws-touch-min);
}
.mobile-action-bar__item--primary {
background: var(--jws-gold-ink);
color: var(--jws-on-dark);
font-weight: 600;
}
.site-header__cta {
display: none;
}
html {
scroll-padding-block-end: calc(var(--mobile-bar-height) + var(--jws-space-4));
}
}
@media (prefers-reduced-motion: reduce) {
* {
animation-duration: 0.001ms !important;
transition-duration: 0.001ms !important;
}
}
.jws-reveal .reveal {
opacity: 0;
transform: translateY(14px);
transition: opacity var(--jws-motion-field) var(--jws-motion-ease), transform var(--jws-motion-field) var(--jws-motion-ease);
}
.jws-reveal .reveal.is-in {
opacity: 1;
transform: none;
}
.testimonials__rail .testimonial-card p {
margin-block-start: auto;
}
.jws-reveal .testimonials__rail > * {
opacity: 0;
transform: translateX(24px);
transition: opacity var(--jws-motion-plate) var(--jws-motion-ease), transform var(--jws-motion-plate) var(--jws-motion-ease);
}
.jws-reveal .testimonials__rail.is-in > * {
opacity: 1;
transform: none;
}
.jws-reveal .testimonials__rail.is-in > :nth-child(2) {
transition-delay: 70ms;
}
.jws-reveal .testimonials__rail.is-in > :nth-child(3) {
transition-delay: 140ms;
}
.jws-reveal .testimonials__rail.is-in > :nth-child(4) {
transition-delay: 210ms;
}
.jws-reveal .testimonials__rail.is-in > :nth-child(n+5) {
transition-delay: 280ms;
}
.gallery-preview__item img {
transition: transform 400ms cubic-bezier(0.22, 0.61, 0.36, 1);
}
.gallery-preview__item:hover img {
transform: scale(1.04);
}
@media (prefers-reduced-motion: reduce) {
.jws-reveal .reveal,
.jws-reveal .testimonials__rail > * {
opacity: 1;
transform: none;
}
.gallery-preview__item:hover img {
transform: none;
}
}
.jws-consent-banner {
position: fixed;
inset-inline: 0;
bottom: 0;
z-index: 600;
display: flex;
flex-wrap: wrap;
align-items: center;
gap: var(--jws-space-3);
padding: var(--jws-space-3) var(--jws-space-4);
background: var(--jws-ink);
color: var(--jws-on-dark);
font-size: var(--jws-text-sm);
}
.jws-consent-banner p {
margin: 0;
flex: 1 1 240px;
}
.jws-consent-banner__actions {
display: flex;
gap: var(--jws-space-2);
flex-shrink: 0;
}
.jws-consent-banner__actions button {
min-height: var(--jws-touch-min);
min-width: var(--jws-touch-min);
padding: 0 var(--jws-space-4);
cursor: pointer;
}
.jws-consent-banner__actions .btn--primary {
background: var(--jws-on-dark);
color: var(--jws-ink);
}
.jws-consent-banner__actions .btn--primary:hover {
background: var(--jws-gold-on-dark);
}
.jws-consent-banner__actions .btn--secondary {
border-color: var(--jws-on-dark);
color: var(--jws-on-dark);
}
.jws-consent-banner__actions .btn--secondary:hover {
border-color: var(--jws-gold-on-dark);
color: var(--jws-gold-on-dark);
}
@media (max-width: 767px) {
.jws-consent-banner {
bottom: var(--mobile-bar-height);
}
}
@media (min-width: 1024px) {
.page-hero__body {
min-block-size: 300px;
}
}
.site-header__cta {
white-space: nowrap;
}
@media (min-width: 1024px) {
.page-hero__body {
padding-block: var(--jws-space-8);
}
.page-hero__media ~ .page-hero__body {
min-block-size: 420px;
}
.band > :not(.band__grid) {
padding-inline-start: calc(4.5rem + var(--jws-space-6));
}
.band > .article,
.band > .entry-content {
max-width: calc(var(--jws-measure) + 4.5rem + var(--jws-space-6));
}
}
.cta-band {
background: var(--jws-paper-deep);
border-block: 1px solid var(--jws-gold);
}
.site-footer {
background: var(--jws-ink);
border-block-start: 0;
}
.site-footer__name {
color: var(--jws-gold-on-dark);
}
.site-footer__name:hover {
color: var(--jws-gold-on-dark-hover);
}
.site-footer__tagline {
color: var(--jws-on-dark);
}
.site-footer__heading {
color: var(--jws-on-dark-muted);
}
.site-footer__contact p:not([class]) {
color: var(--jws-on-dark-muted);
}
.site-footer__contact a,
.site-footer__list a {
color: var(--jws-on-dark);
text-decoration-color: var(--jws-gold);
}
.site-footer__contact a:hover,
.site-footer__list a:hover {
color: var(--jws-on-dark);
text-decoration-color: var(--jws-gold-on-dark-hover);
}
.site-footer__legal {
color: var(--jws-on-dark-muted);
border-block-start: 1px solid rgba(255, 255, 255, 0.12);
}
.site-footer__legal span {
color: var(--jws-on-dark-muted);
}
.site-footer .editor-note {
color: var(--jws-on-dark-muted);
opacity: 0.75;
}
.site-footer :focus-visible {
outline-color: var(--jws-on-dark);
}
a {
color: var(--jws-gold-ink);
text-decoration: underline;
text-decoration-color: var(--jws-gold);
text-decoration-thickness: 1px;
text-underline-offset: 0.22em;
transition: text-decoration-thickness var(--jws-duration) var(--jws-easing), color var(--jws-duration) var(--jws-easing);
}
a:hover {
color: var(--jws-gold-ink-hover);
text-decoration-thickness: 2px;
}
a {
text-decoration-skip-ink: none;
}
.section-more,
a.testimonial-card__source {
display: inline-flex;
align-items: center;
gap: var(--jws-space-2);
min-height: var(--jws-touch-min);
color: var(--jws-gold-ink);
font-size: var(--jws-text-sm);
font-weight: 600;
text-decoration: underline;
text-decoration-color: var(--jws-gold);
text-decoration-thickness: 1px;
text-underline-offset: 0.34em;
text-decoration-skip-ink: none;
}
.section-more:hover,
a.testimonial-card__source:hover {
color: var(--jws-gold-ink-hover);
text-decoration-thickness: 2px;
}
.link-action {
display: inline-flex;
align-items: center;
gap: var(--jws-space-2);
min-height: var(--jws-touch-min);
color: var(--jws-gold-ink);
font-size: var(--jws-text-sm);
font-weight: 600;
text-decoration: underline;
text-decoration-color: var(--jws-gold);
text-decoration-thickness: 1px;
text-underline-offset: 0.34em;
text-decoration-skip-ink: none;
}
@media (hover: hover) {
.family-row:hover .link-action {
text-decoration-thickness: 2px;
}
}
.site-nav__list a,
.site-footer__contact a,
.site-footer__list a,
.page-hero__crumb a,
.family-row,
.guide-card,
.service-card,
.pagination .page-numbers {
text-decoration: none;
}
.page-hero__crumb a:hover {
text-decoration: underline;
text-decoration-color: var(--jws-gold);
text-decoration-thickness: 2px;
text-underline-offset: 0.24em;
text-decoration-skip-ink: none;
}
.site-nav__list a,
.page-hero__crumb a {
border-block-end: 0;
}
.hero--photo a:not(.btn),
.site-footer a:not(.site-footer__name) {
color: var(--jws-on-dark);
text-decoration-color: var(--jws-gold);
}
.hero--photo a:not(.btn):hover,
.site-footer a:not(.site-footer__name):hover {
color: var(--jws-on-dark);
text-decoration-color: var(--jws-gold-on-dark-hover);
}
.hero--photo .section-more {
color: var(--jws-gold-on-dark);
}
.hero--photo .section-more:hover {
color: var(--jws-gold-on-dark-hover);
}
.hero--photo .btn--secondary {
background: transparent;
border-color: transparent;
padding-inline: 0;
min-height: var(--jws-touch-min);
font-weight: 400;
color: var(--jws-gold-on-dark);
text-decoration: underline;
text-decoration-color: var(--jws-gold);
text-decoration-thickness: 1px;
text-underline-offset: 0.4em;
text-decoration-skip-ink: none;
}
.hero--photo .btn--secondary:hover {
background: transparent;
border-color: transparent;
color: var(--jws-gold-on-dark-hover);
text-decoration-thickness: 2px;
}
.hero--photo .actions {
align-items: center;
gap: var(--jws-space-5);
}
.hero--photo .hero__body {
min-block-size: 760px;
display: flex;
flex-direction: column;
justify-content: flex-end;
padding-block-end: var(--jws-space-8);
}
.hero--photo .hero__title {
font-size: var(--jws-display-1);
line-height: var(--jws-leading-display);
max-inline-size: 20ch;
}
.hero--photo .hero__tagline {
font-size: var(--jws-text-lg);
letter-spacing: var(--jws-tracking-wide);
color: var(--jws-gold-on-dark);
unicode-bidi: isolate;
}
.hero--photo .hero__subtitle {
max-inline-size: 46ch;
font-size: var(--jws-text-lg);
line-height: var(--jws-leading-body);
}
.band {
padding-block: var(--jws-space-8);
}
@media (min-width: 1024px) {
.band {
padding-block: 112px;
}
}
.band--ink {
background: var(--jws-ink);
color: var(--jws-on-dark);
}
.band--ink .section-title,
.band--ink .section-subtitle {
color: var(--jws-on-dark);
}
.band--ink .section-lede,
.band--ink p {
color: var(--jws-on-dark-muted);
}
.band--ink .eyebrow {
color: var(--jws-on-dark-muted);
}
.band--ink .eyebrow__num {
color: var(--jws-gold-on-dark);
}
.band--ink .eyebrow::after {
background: rgba(184, 150, 63, 0.4);
}
.eyebrow {
display: flex;
align-items: center;
gap: 14px;
font-family: var(--jws-font-mono);
font-size: var(--jws-text-xs);
letter-spacing: var(--jws-tracking-label);
color: var(--jws-ink-muted);
margin-block-end: var(--jws-space-5);
}
.eyebrow::after {
content: '';
flex: 1;
height: 1px;
background: var(--jws-gold);
opacity: 0.5;
}
.eyebrow__num {
font-weight: 400;
color: var(--jws-gold-ink);
}
.section-title {
font-size: var(--jws-display-2);
line-height: var(--jws-leading-tight);
max-inline-size: 26ch;
}
.section-subtitle {
font-size: var(--jws-display-3);
}
.depth {
border-block-start: var(--jws-rule);
margin-block: var(--jws-space-6) 0;
}
@media (min-width: 1024px) {
.depth > li {
padding: 40px 36px 44px;
border-inline-start: var(--jws-rule);
}
.depth > li:first-child {
border-inline-start: 0;
padding-inline-start: 0;
}
.depth > li:last-child {
padding-inline-end: 0;
}
}
.depth__level {
display: block;
order: -1;
font-family: var(--jws-font-display);
font-weight: var(--jws-weight-display);
font-size: 66px;
line-height: var(--jws-leading-display);
font-style: normal;
color: var(--jws-gold-ink);
unicode-bidi: isolate;
margin-block-end: var(--jws-space-4);
}
.depth__name {
font-family: var(--jws-font-display);
font-weight: var(--jws-weight-display);
font-size: var(--jws-text-lg);
margin-block-end: var(--jws-space-2);
}
@media (max-width: 1023px) {
.depth > li {
display: grid;
grid-template-columns: 56px 1fr;
gap: 0 var(--jws-space-4);
align-items: baseline;
padding-block: var(--jws-space-5);
border-block-end: 1px solid var(--jws-border);
}
.depth__level {
grid-row: 1 / span 2;
font-size: 40px;
margin-block-end: 0;
}
}
.family-list {
border-block-start: var(--jws-rule);
}
.family-row {
display: grid;
grid-template-columns: 96px 1fr auto;
align-items: center;
gap: var(--jws-space-5);
padding-block: var(--jws-space-5);
border-block-end: var(--jws-rule);
transition: background-color var(--jws-duration) var(--jws-easing), padding-inline var(--jws-duration) var(--jws-easing);
}
@media (hover: hover) {
.family-row:hover {
background: var(--jws-paper-deep);
padding-inline: var(--jws-space-3);
}
}
.family-row:active {
padding-inline: var(--jws-space-3);
}
.family-row--nomedia {
grid-template-columns: 1fr auto;
}
.family-row__media {
inline-size: 96px;
block-size: 96px;
object-fit: cover;
}
.family-row__name {
display: block;
font-family: var(--jws-font-display);
font-weight: var(--jws-weight-display);
font-size: var(--jws-display-3);
margin-block-end: var(--jws-space-1);
}
.family-row__desc {
display: block;
font-size: var(--jws-text-base);
line-height: var(--jws-leading-body);
color: var(--jws-ink-muted);
max-inline-size: 58ch;
}
@media (max-width: 767px) {
.family-row {
grid-template-columns: 72px 1fr;
gap: var(--jws-space-4);
}
.family-row--nomedia {
grid-template-columns: 1fr;
}
.family-row__media {
inline-size: 72px;
block-size: 72px;
}
}
.band--ink .process > li {
display: grid;
grid-template-columns: 56px 1fr;
gap: var(--jws-space-4);
padding-block: var(--jws-space-4);
border-block-start: 1px solid rgba(255, 255, 255, 0.14);
}
.band--ink .process > li:last-child {
border-block-end: 1px solid rgba(255, 255, 255, 0.14);
}
.band--ink .process > li::before {
color: var(--jws-gold-on-dark);
font-family: var(--jws-font-mono);
}
.band--ink .process strong {
color: var(--jws-on-dark);
font-size: var(--jws-text-lg);
}
.band--ink .process span {
color: var(--jws-on-dark-muted);
}
.band--ink .credential {
border: 0;
background: transparent;
padding: 0;
}
.band--ink .credential strong {
color: var(--jws-on-dark);
}
.band--ink .credential p {
color: var(--jws-on-dark-muted);
}
.band--ink .trust-row {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 1px;
background: rgba(255, 255, 255, 0.14);
margin-block-start: var(--jws-space-7);
padding: 0;
list-style: none;
}
.band--ink .trust-row > li {
background: var(--jws-ink);
padding: var(--jws-space-4);
border: 0;
}
.band--ink .trust-row strong {
display: block;
font-family: var(--jws-font-display);
font-weight: var(--jws-weight-display);
font-size: 30px;
color: var(--jws-gold-on-dark);
margin-block-end: var(--jws-space-2);
}
.band--ink .trust-row span {
color: var(--jws-on-dark-muted);
}
@media (max-width: 767px) {
.band--ink .trust-row {
grid-template-columns: 1fr;
}
}
.photo-slot {
background: var(--jws-slot);
border: 0;
border-radius: 0;
align-items: flex-end;
}
.photo-slot__note {
color: var(--jws-slot-ink);
padding: var(--jws-space-3);
}
.rail--pair {
grid-template-columns: 1fr 1fr;
gap: 2px;
overflow: visible;
}
.rail--pair .photo-slot {
aspect-ratio: 4 / 3;
inline-size: 100%;
align-items: flex-end;
}
@media (max-width: 767px) {
.rail--pair .photo-slot {
aspect-ratio: 3 / 4;
}
}
.rail--pair .photo-slot__tag {
position: absolute;
inset-block-start: 0;
inset-inline-start: 0;
background: var(--jws-ink);
color: var(--jws-on-dark);
font-family: var(--jws-font-mono);
font-size: var(--jws-text-xs);
letter-spacing: var(--jws-tracking-label);
padding: 7px 13px;
}
@media (min-width: 768px) {
.knowledge-list {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 0 var(--jws-space-7);
border-block-start: var(--jws-rule);
}
}
.knowledge-list > li {
padding-block: var(--jws-space-5);
border-block-end: 1px solid var(--jws-border);
break-inside: avoid;
}
.knowledge-list__q {
font-family: var(--jws-font-display);
font-weight: var(--jws-weight-display);
font-size: var(--jws-text-lg);
line-height: var(--jws-leading-snug);
margin-block-end: var(--jws-space-2);
}
.site-footer__contact a[href^='tel'],
.site-footer__contact a[href^='mailto'],
.header-tel,
.jws-wizard__field input[type='tel'] {
unicode-bidi: isolate;
}
.trust-row strong,
.jws-wizard__estimate {
unicode-bidi: isolate;
}
.link-action::after,
.section-more::after {
content: '←' / '';
font-family: var(--jws-font-mono);
font-size: 0.9em;
unicode-bidi: isolate;
transition: transform var(--jws-duration) var(--jws-easing);
}
.link-action:hover::after,
.section-more:hover::after {
transform: translateX(-3px);
}
@media (prefers-reduced-motion: reduce) {
.link-action:hover::after,
.section-more:hover::after {
transform: none;
}
}
.jump-bar {
display: flex;
flex-wrap: wrap;
gap: var(--jws-space-2) var(--jws-space-5);
margin-block-start: var(--jws-space-5);
}
.jump-bar a {
display: inline-block;
min-height: 24px;
padding-block: 2px;
font-family: var(--jws-font-mono);
font-size: var(--jws-text-xs);
letter-spacing: var(--jws-tracking-label);
color: var(--jws-gold-on-dark);
text-decoration: none;
border-block-end: 1px solid currentColor;
}
.jump-bar a:hover {
color: var(--jws-gold-on-dark-hover);
}
.services-page__handoff {
padding: var(--jws-space-5);
background: var(--jws-paper-deep);
border-inline-start: 3px solid var(--jws-gold);
border-radius: 0;
}
.services-page__handoff p {
margin-block: 0 var(--jws-space-4);
color: var(--jws-ink);
max-inline-size: 62ch;
}
.services-page__handoff .actions {
margin-block-start: 0;
}
.page__title {
font-size: var(--jws-display-1);
line-height: var(--jws-leading-display);
letter-spacing: var(--jws-tracking-tight);
}
.page-hero {
border-block-end: 1px solid var(--jws-border-strong);
}
.page-hero__lede {
max-inline-size: 52ch;
font-size: var(--jws-text-lg);
}
.services-page__family-detail {
background: none;
padding: 0;
padding-inline-start: var(--jws-space-3);
}
.services__grid {
gap: 0 var(--jws-space-7);
border-block-start: 1px solid var(--jws-border-strong);
}
.services__price-note {
margin-block: var(--jws-space-3) var(--jws-space-5);
font-size: var(--jws-text-sm);
color: var(--jws-ink-muted);
max-inline-size: var(--jws-measure);
}
.service-card {
background: none;
border: 0;
border-block-end: 1px solid var(--jws-border-strong);
border-radius: 0;
padding-block: var(--jws-space-4) var(--jws-space-5);
}
.service-card:hover {
border-color: var(--jws-border-strong);
}
.service-card__title,
.service-card__price,
.service-card__tags,
.service-card__actions {
padding-inline: 0;
}
.service-card__title {
font-size: var(--jws-display-3);
line-height: var(--jws-leading-tight);
margin-block: 0 0;
}
.service-card__title a {
color: inherit;
text-decoration: none;
}
.service-card__title a:hover {
color: inherit;
text-decoration: underline;
text-decoration-color: var(--jws-gold);
text-underline-offset: 0.22em;
text-decoration-skip-ink: none;
}
.service-card__excerpt {
max-inline-size: 46ch;
line-height: var(--jws-leading-body);
}
.service-card__tag {
border-color: var(--jws-border-strong);
}
.service-card__actions {
margin-block-start: auto;
padding-block-start: var(--jws-space-3);
}
.band--ink .services__grid,
.band--ink .service-card,
.band--ink .spec li {
border-color: rgba(255, 255, 255, 0.18);
}
.band--ink .service-card__excerpt,
.band--ink .spec__why,
.band--ink .service-card__tag {
color: var(--jws-on-dark-muted);
}
.band--ink .service-card__tag {
border-color: rgba(255, 255, 255, 0.22);
}
.band--ink .service-card__tag--mode {
border-color: var(--jws-gold);
background: transparent;
}
.band--ink .service-card__tag--mode,
.band--ink .spec__value {
color: var(--jws-gold-on-dark);
}
.band--ink .services-page__family-detail p {
color: var(--jws-on-dark-muted);
}
.band--ink .limits {
border-block-start-color: var(--jws-on-dark);
}
.band--ink .limits h3,
.band--ink .limits .limits__label {
color: var(--jws-on-dark-muted);
}
.band--ink .limits p {
color: var(--jws-on-dark);
}
.band--ink .editor-note {
color: rgba(255, 255, 255, 0.5);
border-color: rgba(255, 255, 255, 0.25);
}
.services-page__empty {
background: none;
border: 0;
border-block-start: 1px solid var(--jws-border-strong);
border-radius: 0;
padding: var(--jws-space-4) 0 0;
max-inline-size: 56ch;
}
.faq-list {
gap: 0;
max-inline-size: none;
border-block-start: 1px solid var(--jws-border-strong);
}
.faq-item {
background: none;
border: 0;
border-block-end: 1px solid var(--jws-border-strong);
border-radius: 0;
padding: 0;
}
.faq-item summary {
padding-block: var(--jws-space-4);
font-family: var(--jws-font-display);
font-weight: var(--jws-weight-display);
font-size: var(--jws-text-lg);
line-height: var(--jws-leading-snug);
gap: var(--jws-space-4);
transition: color var(--jws-duration) var(--jws-easing);
}
@media (hover: hover) {
.faq-item summary:hover {
color: var(--jws-gold-ink);
}
}
.faq-item[open] summary {
margin-block-end: 0;
border-block-end: 0;
color: var(--jws-gold-ink);
}
.faq-item > div {
padding-block-end: var(--jws-space-4);
}
.faq-item p {
max-inline-size: var(--jws-measure);
line-height: var(--jws-leading-body);
color: var(--jws-ink-muted);
}
.faq-item p:last-child {
margin-block-end: 0;
}
.band--deep .faq-list,
.band--deep .faq-item {
border-color: var(--jws-border-strong);
}
.filter-chip {
border-radius: 0;
border-color: var(--jws-border-strong);
font-family: var(--jws-font-mono);
font-size: var(--jws-text-xs);
letter-spacing: var(--jws-tracking-label);
}
.filter-chip:hover {
background: var(--jws-gold-wash);
border-color: var(--jws-gold);
}
.topic-index {
padding-block-end: var(--jws-space-5);
border-block-end: 1px solid var(--jws-border);
}
.article blockquote,
.entry-content blockquote {
font-family: var(--jws-font-display);
font-weight: var(--jws-weight-display);
font-size: var(--jws-text-lg);
line-height: var(--jws-leading-snug);
color: var(--jws-ink);
}
.photo-slot {
align-items: flex-start;
}
.photo-slot__note {
line-height: var(--jws-leading-loose);
letter-spacing: var(--jws-tracking-label);
}
.gallery-compare__half .photo-slot {
inline-size: 100%;
block-size: 100%;
}
.gallery-compare__label {
border-radius: 0;
font-family: var(--jws-font-mono);
font-size: var(--jws-text-xs);
letter-spacing: var(--jws-tracking-label);
padding: 3px 8px;
background: var(--jws-ink);
color: var(--jws-on-dark);
}
.gallery-compare__label--after {
background: var(--jws-gold-ink);
}
.gallery-item {
background: none;
border: 0;
border-radius: 0;
padding: 0;
}
.gallery-item__caption {
background: none;
border: 0;
border-block-start: 1px solid var(--jws-border-strong);
padding: var(--jws-space-3) 0 0;
margin-block-start: var(--jws-space-3);
}
.gallery-item__title {
font-size: var(--jws-display-3);
line-height: var(--jws-leading-tight);
margin-block: 0;
}
.gallery-item__service {
font-family: var(--jws-font-mono);
font-size: var(--jws-text-xs);
letter-spacing: var(--jws-tracking-label);
color: var(--jws-ink-muted);
margin-block: var(--jws-space-2) 0;
}
.services-page__empty {
max-inline-size: none;
}
.services-page__empty p {
max-inline-size: var(--jws-measure);
}
.services-page__empty .actions {
margin-block-start: var(--jws-space-5);
}
.services-page__empty strong {
font-family: var(--jws-font-display);
font-weight: var(--jws-weight-display);
font-size: var(--jws-text-lg);
}
.gallery-filter {
display: flex;
flex-wrap: wrap;
gap: var(--jws-space-2);
list-style: none;
margin: 0 0 var(--jws-space-5);
padding: 0 0 var(--jws-space-5);
border-block-end: 1px solid var(--jws-border);
}
@media (min-width: 1024px) {
.band__grid > .eyebrow {
position: sticky;
align-self: start;
top: calc(var(--jws-header-block-size) + var(--jws-space-4));
}
}
@media (min-width: 768px) {
.trust-row strong {
display: block;
}
}
.hero--photo .hero__body {
min-block-size: min(480px, 72svh);
}
@media (min-width: 768px) {
.hero--photo .hero__body {
min-block-size: min(560px, 72svh);
}
}
@media (min-width: 1024px) {
.hero--photo .hero__body {
min-block-size: min(600px, 70svh);
}
}
.btn,
.site-nav__toggle {
border-radius: 0;
}
.actions,
.hero--photo .actions {
align-items: stretch;
}
@media (max-width: 560px) {
.actions,
.hero--photo .actions {
flex-direction: column;
flex-wrap: nowrap;
}
}
@media (max-width: 560px) {
.hero--photo .actions .cta-whatsapp + .cta-wizard {
padding-block: 0;
}
.hero--photo .actions:has(.cta-whatsapp + .cta-wizard) {
gap: var(--jws-space-2);
}
}
.btn {
transition: background-color var(--jws-duration) var(--jws-easing), border-color var(--jws-duration) var(--jws-easing), color var(--jws-duration) var(--jws-easing), transform var(--jws-duration) var(--jws-easing);
}
.btn:active,
.site-nav__toggle:active {
transform: translateY(1px);
}
.btn:disabled:active {
transform: none;
}
.btn--secondary:hover {
color: var(--jws-gold-ink);
}
@media (min-width: 900px) {
.page-hero--service .page-hero__body {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 0.85fr);
gap: var(--jws-space-7);
align-items: center;
}
}
.page-hero__proof {
margin-block-start: var(--jws-space-6);
}
@media (min-width: 900px) {
.page-hero__proof {
margin-block-start: 0;
}
}
.page-hero__proof-cap {
margin: var(--jws-space-3) 0 0;
font-family: var(--jws-font-mono);
font-size: var(--jws-text-xs);
letter-spacing: var(--jws-tracking-label);
color: var(--jws-on-dark-muted);
}
.page-hero .limits {
border-block-start-color: var(--jws-on-dark);
}
.page-hero .limits h3,
.page-hero .limits .limits__label {
color: var(--jws-on-dark-muted);
}
.page-hero .limits p {
color: var(--jws-on-dark);
}
.page-hero--service .btn--secondary {
border-color: var(--jws-gold);
color: var(--jws-on-dark);
}
.page-hero--service .cta-whatsapp {
background: var(--jws-on-dark);
border-color: var(--jws-on-dark);
color: var(--jws-ink);
}
@media (min-width: 900px) {
.page-hero--service .actions {
justify-content: flex-start;
}
}
.testimonials__rail {
scrollbar-width: thin;
scrollbar-color: var(--jws-gold) var(--jws-border);
}
.testimonials__rail::-webkit-scrollbar {
-webkit-appearance: none;
block-size: 3px;
}
.testimonials__rail::-webkit-scrollbar-track {
background: var(--jws-border);
}
.testimonials__rail::-webkit-scrollbar-thumb {
background: var(--jws-gold);
}
.recovery {
border-block-start: 1px solid var(--jws-ink);
padding-block-start: var(--jws-space-5);
}
.recovery__label {
font-family: var(--jws-font-mono);
font-size: var(--jws-text-xs);
font-weight: 400;
letter-spacing: var(--jws-tracking-label);
color: var(--jws-ink-muted);
margin: 0 0 var(--jws-space-4);
}
.page-hero__stat b span,
.page-hero__stat b [dir="ltr"] {
display: inline;
font: inherit;
color: inherit;
letter-spacing: inherit;
}
@media (min-width: 768px) {
.hero--photo .actions .cta-wizard {
background: var(--jws-paper);
color: var(--jws-ink);
border: 1px solid var(--jws-paper);
padding: 15px 28px;
text-decoration: none;
}
.hero--photo .actions .cta-whatsapp {
background: none;
border: 0;
padding: 0 2px;
color: var(--jws-gold-on-dark);
text-decoration: underline;
text-decoration-color: var(--jws-gold-on-dark);
text-underline-offset: 6px;
}
}
.band {
position: relative;
}
.jws-reveal .band.reveal::before {
content: '';
position: absolute;
inset-inline: 0;
inset-block-start: -1px;
block-size: 1px;
background: var(--jws-gold);
transform: scaleX(0);
transform-origin: right center;
}
.jws-reveal main > .band.reveal:first-of-type::before {
content: none;
}
@media (prefers-reduced-motion: reduce) {
.jws-reveal .band.reveal::before {
transform: scaleX(1);
}
}
.jws-reveal .rail > *,
.jws-reveal .gallery-grid > *,
.jws-reveal .services__grid > * {
opacity: 0;
transition: opacity var(--jws-motion-plate) var(--jws-motion-ease), transform var(--jws-motion-plate) var(--jws-motion-ease);
}
.jws-reveal .rail.is-in > *,
.jws-reveal .gallery-grid.is-in > *,
.jws-reveal .services__grid.is-in > * {
opacity: 1;
transform: none;
}
.jws-reveal .rail.is-in > :nth-child(2),
.jws-reveal .gallery-grid.is-in > :nth-child(2),
.jws-reveal .services__grid.is-in > :nth-child(2) {
transition-delay: 70ms;
}
.jws-reveal .rail.is-in > :nth-child(3),
.jws-reveal .gallery-grid.is-in > :nth-child(3),
.jws-reveal .services__grid.is-in > :nth-child(3) {
transition-delay: 140ms;
}
.jws-reveal .rail.is-in > :nth-child(4),
.jws-reveal .gallery-grid.is-in > :nth-child(4),
.jws-reveal .services__grid.is-in > :nth-child(4) {
transition-delay: 210ms;
}
.jws-reveal .rail.is-in > :nth-child(n+5),
.jws-reveal .gallery-grid.is-in > :nth-child(n+5),
.jws-reveal .services__grid.is-in > :nth-child(n+5) {
transition-delay: 280ms;
}
.jws-reveal .rail > * {
transform: translateX(24px);
}
@media (prefers-reduced-motion: reduce) {
.jws-reveal .rail > *,
.jws-reveal .gallery-grid > *,
.jws-reveal .services__grid > * {
opacity: 1;
transform: none;
}
}
@supports selector(::-webkit-scrollbar) {
.testimonials__rail {
scrollbar-width: auto;
scrollbar-color: auto;
}
}
.testimonials__rail::-webkit-scrollbar-button {
display: none;
}
.depth__level--layers {
display: flex;
flex-direction: column;
gap: 8px;
align-items: flex-start;
font-size: 0;
}
.depth__layer {
display: block;
inline-size: 56px;
block-size: 3px;
background: var(--jws-gold-ink);
}
@media (max-width: 1023px) {
.depth:has(.depth__level--layers) > li {
grid-template-columns: 44px 1fr;
}
.depth__level--layers {
gap: 4px;
align-items: flex-end;
align-self: start;
padding-inline-end: 14px;
padding-block-start: 12px;
}
.depth__layer {
inline-size: 20px;
block-size: 2px;
}
}
@keyframes jws-band-sweep {
from { transform: scaleX(0); }
to   { transform: scaleX(1); }
}
.jws-reveal .band.reveal.is-in::before {
animation: jws-band-sweep var(--jws-motion-field) var(--jws-motion-ease) forwards;
}
@media (prefers-reduced-motion: reduce) {
.jws-reveal .band.reveal.is-in::before {
animation: none;
transform: scaleX(1);
}
}
.section-lede { font-size: clamp(17px, 1.5vw, 19px); line-height: var(--jws-leading-body); color: var(--jws-ink-muted); max-inline-size: 48ch; margin-block: -0.4em 1.4em; }
.section-subtitle { font-family: var(--jws-font-display); font-weight: 500; line-height: var(--jws-leading-heading); margin-block: 2.2em 0.9em; color: var(--jws-ink); }
.claim { border: 0; border-block: var(--jws-hair); border-radius: 0; background: none; box-shadow: none; padding-block: 1.4em; margin-block: 0 1.6em; font-family: var(--jws-font-display); font-weight: 500; font-size: clamp(19px, 2.35vw, 26px); line-height: var(--jws-leading-body); color: var(--jws-ink); }
.testimonial-card { background: none; border: 0; border-radius: 0; box-shadow: none; border-block-start: 1px solid var(--jws-border-strong); padding: clamp(20px, 2.2vw, 26px) 0 clamp(22px, 2.4vw, 28px); font-family: var(--jws-font-display); font-size: 17px; line-height: var(--jws-leading-body); }
.testimonial-card cite, .testimonial-card footer { font-family: var(--jws-font-body); font-size: 13px; letter-spacing: var(--jws-tracking-brand); color: var(--jws-ink-muted); font-style: normal; }
.family-row, .guide-card, .family-card { position: relative; border-radius: 0; box-shadow: none; }
.guide-card { background: none; border: 0; border-block-start: 1px solid var(--jws-border-strong); padding-inline: 0; }
.family-row::after, .guide-card::after, .family-card::after { content: ""; position: absolute; inset-inline: 0; inset-block-end: 0; block-size: 1px; background: var(--jws-gold); transform: scaleX(0); transform-origin: right center; transition: transform 0.5s cubic-bezier(0.22, 0.61, 0.36, 1); }
@media (hover: hover) {
.family-row:hover::after, .guide-card:hover::after, .family-card:hover::after { transform: scaleX(1); }
}
.family-row__name, .guide-card__title, .family-card__name { font-family: var(--jws-font-display); font-weight: 500; font-size: clamp(18px, 1.8vw, 21px); line-height: var(--jws-leading-heading); }
.family-row__desc, .guide-card__excerpt, .family-card__desc { font-size: 15px; line-height: var(--jws-leading-body); color: var(--jws-ink-muted); }
.faq-item, .knowledge-list > li { background: none; border: 0; border-radius: 0; box-shadow: none; border-block-start: var(--jws-hair); padding-block: 1.1em 1.3em; }
.faq-item summary, .knowledge-list__q { font-family: var(--jws-font-display); font-weight: 500; font-size: 18px; line-height: var(--jws-leading-snug); color: var(--jws-ink); }
.faq-item p, .knowledge-list__a { font-size: 16px; line-height: var(--jws-leading-loose); color: var(--jws-ink-muted); max-inline-size: 56ch; }
.channel { background: none; border: 0; border-radius: 0; box-shadow: none; border-block-start: 1px solid var(--jws-border-strong); padding-block: 1.2em 1.4em; }
.channel strong, .channel b { font-family: var(--jws-font-display); font-weight: 500; font-size: 19px; line-height: var(--jws-leading-heading); }
.process > li { border-block-start: var(--jws-hair); padding-block: 1.2em 1.4em; }
.process strong { font-family: var(--jws-font-display); font-weight: 500; font-size: 19px; line-height: var(--jws-leading-heading); display: block; margin-block-end: 0.3em; }
.process span { font-size: 16px; line-height: var(--jws-leading-loose); color: var(--jws-ink-muted); }
.gallery-item, .gallery-compare { border-radius: 0; box-shadow: none; background: none; border: 0; }
.gallery-item img, .gallery-compare img { border-radius: 0; }
.gallery-item figcaption { font-size: 13px; line-height: var(--jws-leading-body); color: var(--jws-ink-muted); margin-block-start: 0.7em; }
.photo-slot { border-radius: 0; }
.editor-note { font-size: 13px; line-height: var(--jws-leading-body); border-inline-start: 2px solid var(--jws-gold); padding-inline-start: 0.9em; background: none; border-radius: 0; }
.section-more, .service-card__more { font-size: 15px; text-decoration-color: var(--jws-gold); text-underline-offset: 5px; text-decoration-thickness: 1px; transition: text-decoration-thickness 0.2s ease; }
.section-more:hover, .service-card__more:hover { text-decoration-thickness: 2px; }
.testimonials__rail {
align-items: start;
}
.testimonials__rail .testimonial-card {
padding-inline: var(--jws-space-5);
}
.gallery-filter {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(88px, 1fr));
gap: var(--jws-space-2);
}
.gallery-filter .filter-chip {
display: flex;
align-items: center;
justify-content: center;
block-size: 100%;
text-align: center;
}
@media (min-width: 768px) {
.gallery-filter {
display: flex;
flex-wrap: wrap;
align-items: baseline;
gap: 0;
}
.gallery-filter li + li::before {
content: '·';
margin-inline: var(--jws-space-3);
color: var(--jws-gold-ink);
}
.gallery-filter li {
display: flex;
align-items: baseline;
}
.gallery-filter .filter-chip {
display: inline;
border: 0;
padding: 0;
background: none;
block-size: auto;
min-block-size: 0;
}
.gallery-filter .filter-chip:hover {
background: none;
color: var(--jws-ink);
text-decoration: underline;
text-decoration-color: var(--jws-gold);
text-underline-offset: 4px;
}
.gallery-filter .filter-chip--active,
.gallery-filter .filter-chip--active:hover {
background: none;
color: var(--jws-ink);
text-decoration: underline;
text-decoration-color: var(--jws-gold);
text-underline-offset: 4px;
}
}
.testimonials__grid {
column-gap: var(--jws-space-7);
}
.testimonial-card > p {
max-inline-size: 34ch;
text-wrap: pretty;
}
.band:has(.testimonial-card) .section-title {
text-wrap: balance;
max-inline-size: 22ch;
padding-block-end: var(--jws-space-3);
border-block-end: 1px solid var(--jws-gold);
}
@media (max-height: 700px) {
.page-hero__body {
padding-block: var(--jws-space-5);
}
}
@media (max-height: 480px) {
.page-hero__body {
padding-block: var(--jws-space-4);
}
}
.band--ink .link-action {
color: var(--jws-gold-on-dark);
}
@media (max-width: 767.98px) {
.band {
padding-block: var(--jws-space-7);
}
.cta-band {
padding-block: var(--jws-space-7);
}
}
@media (max-width: 560px) {
.page-hero .actions .btn--secondary {
padding-block: 0;
padding-inline: 0;
background: transparent;
border-color: transparent;
font-weight: 400;
color: var(--jws-gold-on-dark);
text-decoration: underline;
text-decoration-color: var(--jws-gold);
text-decoration-thickness: 1px;
text-underline-offset: 0.4em;
text-decoration-skip-ink: none;
}
.page-hero .actions .btn--secondary:hover {
color: var(--jws-gold-on-dark-hover);
text-decoration-thickness: 2px;
}
}
.hero--photo .hero__body {
background: linear-gradient(to top,
rgba(33, 30, 26, 0.95) 0%,
rgba(33, 30, 26, 0.92) 50%,
rgba(33, 30, 26, 0.86) 80%,
rgba(33, 30, 26, 0.80) 96%,
rgba(33, 30, 26, 0.20) 99%,
rgba(33, 30, 26, 0) 100%);
}
.hero--photo .hero__tagline {
color: var(--jws-on-dark);
}
@media (min-width: 561px) and (min-height: 481px) {
.hero--photo {
min-block-size: min(480px, 72svh);
display: flex;
flex-direction: column;
justify-content: flex-end;
}
.hero--photo .hero__body {
min-block-size: 0;
background: var(--jws-ink);
}
.hero--photo .hero__title {
font-size: var(--jws-display-2);
}
.hero--photo .hero__tagline {
order: -1;
margin: 0 0 var(--jws-space-2);
font-family: var(--jws-font-mono);
font-size: var(--jws-text-xs);
font-weight: 400;
letter-spacing: var(--jws-tracking-wide);
color: var(--jws-gold-on-dark);
}
.hero--photo .hero__subtitle {
font-size: var(--jws-text-base);
max-inline-size: 40ch;
}
}
.site-footer__name img {
display: block;
inline-size: 186px;
block-size: auto;
}
.cta-band__mark {
display: block;
inline-size: 33px;
block-size: auto;
margin-inline: auto;
margin-block-end: var(--jws-space-3);
}
@media (max-width: 767.98px) {
.credential:not(.credential--noimage) {
display: block;
padding: 20px 18px 22px;
border: 1px solid var(--jws-ink);
background: var(--jws-paper-deep);
text-align: center;
}
.credential__label {
display: block;
margin-block-end: 16px;
font-family: var(--jws-font-mono);
font-size: 11px;
letter-spacing: var(--jws-tracking-wide);
color: var(--jws-gold-ink);
}
.credential:not(.credential--noimage) .credential__media {
inline-size: 100%;
max-inline-size: 150px;
margin: 0 auto 18px;
padding: 6px;
border: 1px solid var(--jws-gold);
background: var(--jws-paper);
}
.credential:not(.credential--noimage) strong {
font-family: var(--jws-font-display);
font-weight: 500;
font-size: 21px;
line-height: var(--jws-leading-tight);
margin-block-end: 12px;
}
.credential:not(.credential--noimage) strong::after {
content: "";
display: block;
inline-size: 46px;
block-size: 1px;
margin: 12px auto 0;
background: var(--jws-gold);
}
.credential:not(.credential--noimage) p {
max-inline-size: 44ch;
margin-inline: auto;
}
.band--ink .credential:not(.credential--noimage) {
border: 0;
background: none;
padding-inline: 0;
}
.band--ink .credential__label {
color: var(--jws-gold-on-dark);
}
}
@media (min-width: 768px) {
.credential:not(.credential--noimage) {
align-items: center;
padding: 22px 24px;
border: 1px solid var(--jws-ink);
background: var(--jws-paper-deep);
}
.credential:not(.credential--noimage) .credential__media {
padding: 5px;
border: 1px solid var(--jws-gold);
background: var(--jws-paper);
}
.credential__label {
grid-column: 1 / -1;
display: block;
margin-block-end: 11px;
font-family: var(--jws-font-mono);
font-size: 11px;
letter-spacing: var(--jws-tracking-wide);
color: var(--jws-gold-ink);
}
.credential:not(.credential--noimage) strong {
font-family: var(--jws-font-display);
font-weight: 500;
font-size: 22px;
line-height: var(--jws-leading-tight);
margin-block-end: 9px;
}
.band--ink .credential:not(.credential--noimage) {
border: 0;
background: none;
padding: 0;
}
.band--ink .credential__label {
color: var(--jws-gold-on-dark);
}
}
@media (max-width: 767.98px) {
:root {
--jws-text-xs: 0.875rem;
}
.eyebrow,
.service-card__tag {
font-size: var(--jws-text-xs);
}
}
.cta-band .actions .section-more {
align-self: center;
}
@media (min-width: 768px) and (max-width: 899.98px) {
.site-nav__toggle {
display: inline-flex;
}
}
@media (max-width: 899.98px) {
.site-nav {
display: grid;
grid-template-rows: 0fr;
visibility: hidden;
border-block-start: 0;
transition: grid-template-rows 280ms cubic-bezier(0.4, 0, 0.2, 1);
}
.site-nav--open {
grid-template-rows: 1fr;
visibility: visible;
border-block: 1px solid var(--jws-border);
}
.site-nav__list {
overflow: hidden;
min-height: 0;
}
}
@media (max-width: 899.98px) and (prefers-reduced-motion: reduce) {
.site-nav {
transition-duration: 1ms;
}
}
@media (min-width: 560px) and (max-width: 899.98px) {
.site-nav__list {
width: 380px;
margin-inline-start: auto;
border-inline-start: 1px solid var(--jws-border);
}
}
@media (max-width: 899.98px) {
.site-nav__list {
flex-direction: column;
gap: 0;
overflow-x: visible;
}
.site-nav__list > li {
display: block;
}
.site-nav__list > li > a {
display: flex;
align-items: center;
gap: var(--jws-space-4);
min-height: 62px;
font-family: var(--jws-font-display);
font-weight: 500;
font-size: 20px;
letter-spacing: var(--jws-tracking-brand);
color: var(--jws-ink);
text-decoration: none;
position: relative;
}
.site-nav__list > li > a::after {
content: "";
position: absolute;
inset-inline: var(--jws-space-5);
bottom: 10px;
height: 1px;
background: var(--jws-gold);
transform: scaleX(0);
transform-origin: right;
transition: transform 240ms cubic-bezier(0.4, 0, 0.2, 1);
}
.site-nav__mark {
width: 22px;
flex: none;
display: flex;
align-items: center;
}
.site-nav__mark::before {
content: "";
width: 7px;
height: 7px;
border: 1px solid var(--jws-gold);
transform: rotate(45deg);
opacity: 0;
transition: opacity 220ms cubic-bezier(0.4, 0, 0.2, 1);
}
.site-nav__list > li > a:hover .site-nav__mark::before,
.site-nav__list > li.current-menu-item > a .site-nav__mark::before {
opacity: 1;
}
}
@media (min-width: 900px) {
.site-nav__list > li > a {
font-family: var(--jws-font-display);
font-weight: 500;
font-size: 15px;
letter-spacing: normal;
white-space: nowrap;
min-height: 46px;
display: flex;
align-items: center;
position: relative;
}
.site-nav__list > li > a::after {
content: "";
position: absolute;
inset-inline: 0;
bottom: 7px;
height: 1px;
background: var(--jws-gold);
transform: scaleX(0);
transform-origin: right;
transition: transform 240ms cubic-bezier(0.4, 0, 0.2, 1);
}
.site-nav__mark {
display: none;
}
}
.site-nav__list > li > a:hover::after,
.site-nav__list > li.current-menu-item > a::after {
transform: scaleX(1);
}
.site-nav__list > li.current-menu-item > a {
color: var(--jws-gold-ink);
font-weight: 500;
}
@media (prefers-reduced-motion: reduce) {
.site-nav__list > li > a::after,
.site-nav__mark::before {
transition-duration: 1ms;
}
}
.header-tel svg {
display: none;
}
@media (max-width: 419.98px) {
.header-tel {
width: var(--jws-touch-min);
min-height: var(--jws-touch-min);
padding: 0;
justify-content: center;
border: 1px solid var(--jws-border-strong);
font-size: 0;
}
.header-tel svg {
display: block;
width: 20px;
height: 20px;
}
}
.compare {
display: grid;
}
.compare__unit {
font-family: var(--jws-font-mono);
font-size: var(--jws-text-xs);
letter-spacing: var(--jws-tracking-label);
margin: 0 0 var(--jws-space-2);
}
.compare__row {
display: grid;
grid-template-columns: 1fr auto;
gap: var(--jws-space-3);
align-items: baseline;
padding-block: var(--jws-space-2);
border-block-start: 1px solid var(--jws-rule-on-dark);
}
.compare__row:last-of-type {
border-block-end: 1px solid var(--jws-rule-on-dark);
}
.band--ink .compare__unit {
color: var(--jws-on-dark-muted);
}
.compare__what {
font-size: var(--jws-text-sm);
margin: 0;
min-inline-size: 0;
}
.band--ink .compare__what {
color: var(--jws-on-dark-muted);
}
.compare__n {
font-family: var(--jws-font-mono);
font-size: var(--jws-text-sm);
white-space: nowrap;
direction: ltr;
unicode-bidi: isolate;
}
.band--ink .compare__n {
color: var(--jws-on-dark);
}
.compare__say {
font-size: var(--jws-text-base);
line-height: var(--jws-leading-body);
margin-block-start: var(--jws-space-4);
}
.band--ink .compare__say {
color: var(--jws-on-dark);
}
.family-row:focus-visible::after,
.guide-card:focus-visible::after,
.family-card:focus-visible::after {
transform: scaleX(1);
}
.family-row:focus-visible .family-row__name,
.guide-card:focus-visible .guide-card__title,
.family-card:focus-visible .family-card__name {
text-decoration: underline;
text-decoration-color: var(--jws-gold);
text-decoration-thickness: 2px;
}
.jws-reveal .family-row__media,
.jws-reveal .family-card__media,
.jws-reveal .gallery-preview__item img {
clip-path: inset(0 0 0 0);
scale: 1;
transition: clip-path var(--jws-motion-field) var(--jws-motion-ease),
            scale var(--jws-motion-field) var(--jws-motion-ease),
            transform 400ms cubic-bezier(0.22, 0.61, 0.36, 1);
}
.jws-reveal .reveal:not(.hero):not(.page-hero) .family-row__media,
.jws-reveal .reveal:not(.hero):not(.page-hero) .family-card__media,
.jws-reveal .reveal:not(.hero):not(.page-hero) .gallery-preview__item img {
clip-path: inset(0 0 0 100%);
scale: 1.06;
}
.jws-reveal .reveal.is-in:not(.hero):not(.page-hero) .family-row__media,
.jws-reveal .reveal.is-in:not(.hero):not(.page-hero) .family-card__media,
.jws-reveal .reveal.is-in:not(.hero):not(.page-hero) .gallery-preview__item img {
clip-path: inset(0 0 0 0);
scale: 1;
}
@media (prefers-reduced-motion: reduce) {
.jws-reveal .reveal:not(.hero):not(.page-hero) .family-row__media,
.jws-reveal .reveal:not(.hero):not(.page-hero) .family-card__media,
.jws-reveal .reveal:not(.hero):not(.page-hero) .gallery-preview__item img {
clip-path: none;
scale: none;
transition: none;
}
}
.family-cards {
display: grid;
grid-auto-flow: column;
grid-auto-columns: 78%;
gap: var(--jws-space-4);
margin: 0;
padding: 0;
list-style: none;
overflow-x: auto;
counter-reset: family;
}
.family-cards > li {
min-inline-size: 0;
}
@media (min-width: 768px) {
.family-cards {
grid-auto-flow: row;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: var(--jws-space-5);
overflow: visible;
}
}
.family-card {
display: grid;
gap: var(--jws-space-3);
counter-increment: family;
padding: var(--jws-space-3) var(--jws-space-4) var(--jws-space-4);
border-block-start: var(--jws-rule);
text-decoration: none;
color: inherit;
transition: background-color var(--jws-duration) var(--jws-easing);
}
.family-card__name::before {
content: counter(family, decimal-leading-zero);
content: counter(family, decimal-leading-zero) / "";
margin-inline-end: 0.7em;
font: 400 var(--jws-text-xs)/1 var(--jws-font-mono);
letter-spacing: var(--jws-tracking-label);
color: var(--jws-gold-ink);
}
.family-card__media {
inline-size: 100%;
aspect-ratio: 1 / 1;
object-fit: cover;
display: block;
}
.family-card:focus-visible {
outline: 2px solid var(--jws-gold-ink);
outline-offset: 4px;
}
@media (hover: hover) {
.family-card:hover {
background: var(--jws-paper-deep);
}
.family-card:hover .family-card__name::before {
color: var(--jws-ink);
}
}
.family-card:active {
background: var(--jws-paper-deep);
}
.topic-index .filter-chip{display:inline-flex;align-items:center;min-height:var(--jws-touch-min);border:0;padding:0}
.topic-index .filter-chip:hover{background:none;color:var(--jws-ink);text-decoration:underline;text-decoration-color:var(--jws-gold);text-underline-offset:4px}
.topic-index{column-gap:0}
.topic-index li+li::before{content:'·';margin-inline:var(--jws-space-3);color:var(--jws-gold-ink)}
.article figure,.entry-content figure{margin-inline:0}
.article .wp-block-table,.entry-content .wp-block-table{max-width:100%;overflow-x:auto}
.article table,.entry-content table{width:100%;border-collapse:collapse;font-size:var(--jws-text-sm);font-variant-numeric:tabular-nums}
.article caption,.entry-content caption{caption-side:bottom;padding-block-start:var(--jws-space-2);color:var(--jws-ink-muted);font-size:var(--jws-text-xs);text-align:start}
.article th,.entry-content th,.article td,.entry-content td{padding:var(--jws-space-2);border-block-end:1px solid var(--jws-border);text-align:start;vertical-align:baseline}
.article th,.entry-content th{border-block-end:1px solid var(--jws-border-strong);font-weight:600;line-height:var(--jws-leading-snug)}
.article td,.entry-content td{direction:ltr;unicode-bidi:isolate;text-align:end}
.article tbody tr:last-child th,.entry-content tbody tr:last-child th,.article tbody tr:last-child td,.entry-content tbody tr:last-child td{border-block-end:0}
.article .wp-block-table figcaption,.entry-content .wp-block-table figcaption{padding-block-start:var(--jws-space-2);color:var(--jws-ink-muted);font-size:var(--jws-text-xs);text-align:start}