:root {   --dark: #413D3A;  --dark-panel: #2B2B2B;  --dark-ink: #171717;  --gold-soft: #B8A684;  --gold-bright: #C9AD69;  --gold-button: #b8924f;  --gold-button-hover: #9a7838;  --gold-timber: #B89D72;  --text-muted: #7A746C;  --text-muted-dark: #625c55;  --cream: #F5F2ED;  --cream-text: #E8E4DD;   --font-serif: "Cormorant Garamond", serif;  --font-display: "Playfair Display", Georgia, serif;  --font-body: Inter, sans-serif; --font-button: Jost, sans-serif;  --feature-image-height-mobile: clamp(380px, 55vw, 520px);   --timber-img-desktop: 620px; --timber-img-tablet: 420px;  --timber-img-mobile: 320px;   --testimonial-pad-desktop: 120px 64px; --testimonial-pad-tablet: 80px 40px; --testimonial-pad-mobile: 64px 24px;  --reveal-speed: 0.65s; }  body { overflow-x: hidden; }  .reveal { opacity: 0; transform: translateY(20px); transition: opacity var(--reveal-speed) ease, transform var(--reveal-speed) ease; } .reveal.visible { opacity: 1; transform: translateY(0); }  .timeless-craftmanship-section__image { transition: transform 0.45s ease, filter 0.45s ease; } .timeless-craftmanship-section__image:hover { transform: scale(1.04) translateY(-4px); filter: brightness(1.05); }  .timbers-section { background: var(--cream); padding: 120px 64px; overflow: hidden; } .timbers-inner { max-width: 1280px; margin: 0 auto; display: grid; grid-template-columns: 380px 1fr; gap: 80px; align-items: start; } .timbers-left { position: sticky; top: 120px; } .timbers-heading { font-size: clamp(38px, 4vw, 64px); line-height: 1.05; color: #1A1A1A; margin-bottom: 24px; } .timbers-heading em { font-style: italic; font-weight: 300; } .timbers-intro { font-size: 15px; line-height: 1.75; color: var(--text-muted); margin-bottom: 42px; } .timber-tabs { display: flex; flex-direction: column; border-top: 1px solid #D9D3C8; } .timber-tab { border-bottom: 1px solid #D9D3C8; padding: 20px 0 20px 16px; cursor: pointer; position: relative; transition: background 0.25s ease; } .timber-tab::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 2px; background: var(--gold-timber); transform: scaleY(0); transform-origin: top; transition: transform 0.25s ease; } .timber-tab:hover::before, .timber-tab.active::before { transform: scaleY(1); } .timber-tab__name { font-size: 13px; letter-spacing: 0.08em; text-transform: uppercase; margin-bottom: 6px; transition: color 0.2s ease; } .timber-tab.active .timber-tab__name { color: var(--gold-timber); } .timber-tab__desc { font-size: 13px; color: var(--text-muted); } .timber-panel { display: none; } .timber-panel.active { display: flex; flex-direction: column; gap: 24px; animation: timberFade 0.35s ease; } @keyframes timberFade { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } } .timber-panel__img { width: 100%; height: var(--timber-img-desktop); overflow: hidden; border-radius: 20px; } .timber-panel__img img { width: 100%; height: 100%; object-fit: cover; } .timber-panel__caption { display: flex; flex-direction: column; gap: 12px; } .timber-panel__label { font-size: 11px; letter-spacing: 0.18em; text-transform: uppercase; color: var(--gold-timber); } .timber-panel__caption p { max-width: 620px; color: var(--text-muted); line-height: 1.75; } @media (max-width: 991px) { .timbers-inner { grid-template-columns: 1fr; gap: 48px; } .timbers-left { position: static; } .timber-panel__img { height: var(--timber-img-tablet); } } @media (max-width: 767px) { .timbers-section { padding: 72px 24px; } .timber-panel__img { height: var(--timber-img-mobile); } }  .feature-project { display: grid; grid-template-columns: 55fr 45fr; min-height: 700px; max-height: 800px; overflow: hidden; padding: 0; } .feature-project__image { overflow: hidden; } .feature-project__image img, .feature-project__image picture { width: 100%; height: 100%; display: block; } .feature-project__image img { object-fit: cover; transition: transform 0.8s ease; } .feature-project:hover .feature-project__image img { transform: scale(1.03); } .feature-project__content { background: var(--dark-panel); display: flex; flex-direction: column; justify-content: center; padding: 80px 72px; } .feature-project__heading { font-family: var(--font-serif); font-size: clamp(24px, 2.8vw, 38px); font-weight: 400; color: #fff; line-height: 1.25; margin-bottom: 24px; } .feature-project__body { font-family: var(--font-body); font-size: 14px; font-weight: 300; color: rgba(255, 255, 255, 0.6); line-height: 1.8; margin-bottom: 40px; } .feature-project__specs { list-style: none; padding: 0; margin: 0 0 40px; display: flex; flex-direction: column; border-top: 1px solid rgba(255, 255, 255, 0.1); } .feature-project__spec { display: flex; align-items: baseline; gap: 16px; padding: 14px 0; border-bottom: 1px solid rgba(255, 255, 255, 0.08); font-family: var(--font-body); font-size: 13px; font-weight: 300; color: rgba(255, 255, 255, 0.6); } .feature-project__spec-label { font-family: var(--font-body); font-size: 10px; font-weight: 500; letter-spacing: 0.18em; text-transform: uppercase; color: var(--gold-soft); min-width: 90px; flex-shrink: 0; }  @media (max-width: 991px) { .feature-project { grid-template-columns: 1fr; min-height: auto; max-height: none; height: auto; overflow: visible; } .feature-project__image { height: var(--feature-image-height-mobile); } .feature-project__content { padding: 60px 40px; } } @media (max-width: 767px) { .feature-project__content { padding: 56px 24px; } }  .testimonial-section { background: var(--dark-panel); padding: var(--testimonial-pad-desktop) !important; position: relative; overflow: hidden; } .testimonial-inner { max-width: 860px; margin: 0 auto; text-align: center; display: flex !important; flex-direction: column; align-items: center; gap: 32px; position: relative; z-index: 2; } .testimonial-mark { opacity: 0.6; } .testimonial-section .testimonial-quote { display: block !important; font-family: var(--font-serif) !important; font-style: italic !important; font-size: clamp(18px, 2.2vw, 26px) !important; font-weight: 300 !important; line-height: 1.7 !important; color: var(--cream-text) !important; border: none !important; padding: 0 !important; margin: 0 !important; } .testimonial-section .testimonial-quote::before, .testimonial-section .testimonial-quote::after { display: none; content: none; } .testimonial-attribution { display: flex !important; flex-direction: column; gap: 4px; } .testimonial-name { font-family: var(--font-body); font-size: 12px; font-weight: 500; letter-spacing: 0.18em; text-transform: uppercase; color: var(--gold-soft) !important; } .testimonial-location { font-family: var(--font-body); font-size: 12px; font-weight: 300; color: rgba(255, 255, 255, 0.4); }  .testimonial-section .testimonial-inner, .testimonial-section .testimonial-quote, .testimonial-section .testimonial-attribution, .testimonial-section .testimonial-name { opacity: 1 !important; visibility: visible !important; transform: none !important; position: relative !important; z-index: 5 !important; }  .testimonial-deco--left, .testimonial-deco--right { position: absolute; top: 50%; transform: translateY(-50%); width: clamp(180px, 16vw, 320px); pointer-events: none; opacity: 0.18; z-index: 0; } .testimonial-deco--left { left: 2%; } .testimonial-deco--right { right: 2%; } .testimonial-deco--left svg, .testimonial-deco--right svg { width: 100%; height: auto; display: block; } @media (max-width: 1400px) { .testimonial-deco--left, .testimonial-deco--right { display: none; } } @media (max-width: 1024px) { .testimonial-section { padding: var(--testimonial-pad-tablet) !important; } } @media (max-width: 768px) { .testimonial-section { padding: var(--testimonial-pad-mobile) !important; } }  .btn-primary, .btn-secondary, .btn-solid--dark { position: relative; overflow: hidden; display: inline-flex; align-items: center; justify-content: center; gap: 10px; text-transform: uppercase; text-decoration: none; cursor: pointer; } .btn-primary { padding: 16px 38px; font-family: var(--font-button); font-size: 13px; font-weight: 500; letter-spacing: 0.18em; color: #1f1f1f; background: var(--gold-button); border: none; border-radius: 2px; z-index: 0; transition: letter-spacing 0.4s ease, transform 0.4s ease, box-shadow 0.4s ease; } .btn-primary::before { content: ""; position: absolute; inset: 0; background: var(--gold-button-hover); transform: translateX(-101%); transition: transform 0.45s cubic-bezier(0.6, 0, 0.2, 1); z-index: -1; } .btn-primary:hover { letter-spacing: 0.24em; transform: translateY(-2px); box-shadow: 0 14px 30px rgba(154, 120, 56, 0.35); } .btn-primary:hover::before { transform: translateX(0); } .btn-secondary { padding: 16px 38px; font-family: var(--font-button); font-size: 13px; font-weight: 500; letter-spacing: 0.18em; color: var(--gold-button); background: transparent; border: 1px solid var(--gold-button); border-radius: 2px; z-index: 0; transition: color 0.4s ease, letter-spacing 0.4s ease, transform 0.4s ease; } .btn-secondary::before { content: ""; position: absolute; inset: 0; background: var(--gold-button); transform: scaleX(0); transform-origin: left; transition: transform 0.45s cubic-bezier(0.6, 0, 0.2, 1); z-index: -1; } .btn-secondary:hover { color: #1f1f1f; letter-spacing: 0.24em; transform: translateY(-2px); } .btn-secondary:hover::before { transform: scaleX(1); } .btn-solid--dark { align-self: flex-start; padding: 14px 28px; font-family: var(--font-body); font-size: 11px; font-weight: 500; letter-spacing: 0.14em; color: var(--cream-text); border: 1px solid var(--cream-text); background: transparent; transition: background 0.2s ease, color 0.2s ease; } .btn-solid--dark:hover { background: var(--cream-text); color: var(--dark-panel); }  .journal-card { transition: transform 0.35s ease; } .journal-card:hover { transform: translateY(-8px); } .journal-card img { transition: transform 0.7s ease; } .journal-card:hover img { transform: scale(1.05); }  .jh { position: relative; height: 100vh; height: 100dvh; min-height: 600px; overflow: hidden; display: flex; align-items: flex-end; background: #6f6c68; } .jh__slide { position: absolute; inset: 0; height: 100%; opacity: 0; pointer-events: none; transition: opacity 2.2s ease; display: flex; align-items: flex-end; } .jh__slide--active { opacity: 1; pointer-events: auto; } .jh__slide[data-slide="0"] { background: #6f6c68; align-items: center; } .jh__photo { position: absolute; inset: 0; background-size: cover; background-position: center; } .jh__slide[data-slide="1"] .jh__overlay, .jh__slide[data-slide="2"] .jh__overlay, .jh__slide[data-slide="3"] .jh__overlay { position: absolute; inset: 0; pointer-events: none; background: linear-gradient(to top, rgba(15, 12, 9, 0.78) 0%, rgba(15, 12, 9, 0.40) 40%, rgba(15, 12, 9, 0.10) 72%, rgba(15, 12, 9, 0.06) 100%); } .jh__content { position: relative; z-index: 3; padding: 0 64px 96px; max-width: 1280px; width: 100%; } .jh__slide[data-slide="2"] .jh__content { margin-left: auto; padding-right: 64px; max-width: 1280px; } .jh__eyebrow { font-family: var(--font-body); font-size: 11px; font-weight: 500; letter-spacing: 0.2em; text-transform: uppercase; color: rgba(255, 255, 255, 0.7); margin-bottom: 20px; display: flex; align-items: center; gap: 12px; } .jh__eyebrow::before { content: ""; display: block; width: 32px; height: 1px; background: rgba(255, 255, 255, 0.5); } .jh__title { font-family: var(--font-display); font-size: clamp(52px, 7.5vw, 108px); font-weight: 300; line-height: 1; letter-spacing: -0.015em; max-width: 760px; color: #fff; margin-bottom: 32px; } .jh__title em { font-style: italic; } .jh__subhead { font-family: var(--font-body); font-size: 15px; font-weight: 300; line-height: 1.65; color: rgba(255, 255, 255, 0.8); max-width: 480px; margin-bottom: 48px; } .jh__ctas { display: flex; align-items: center; gap: 40px; } .jh__cta-primary { font-family: var(--font-body); font-size: 11px; font-weight: 500; letter-spacing: 0.18em; text-transform: uppercase; color: #fff; text-decoration: none; display: inline-flex; align-items: center; gap: 12px; padding-bottom: 6px; border-bottom: 1px solid rgba(255, 255, 255, 0.6); transition: border-color 0.3s, gap 0.3s, color 0.3s; } .jh__cta-primary:hover { border-color: var(--gold-soft); color: var(--gold-soft); gap: 18px; } .jh__cta-secondary { font-family: var(--font-body); font-size: 11px; font-weight: 500; letter-spacing: 0.18em; text-transform: uppercase; color: rgba(255, 255, 255, 0.65); text-decoration: none; transition: color 0.3s; } .jh__cta-secondary:hover { color: #fff; } .jh__slide .jh__content > * { opacity: 0; transform: translateY(18px); transition: opacity 0.7s ease, transform 0.7s ease; } .jh__slide--active .jh__content > * { opacity: 1; transform: translateY(0); } .jh__slide--active .jh__content > *:nth-child(1) { transition-delay: 0.15s; } .jh__slide--active .jh__content > *:nth-child(2) { transition-delay: 0.28s; } .jh__slide--active .jh__content > *:nth-child(3) { transition-delay: 0.41s; } .jh__slide--active .jh__content > *:nth-child(4) { transition-delay: 0.54s; } .jh__scroll { position: absolute; bottom: 52px; right: 64px; z-index: 4; writing-mode: vertical-rl; display: flex; align-items: center; gap: 10px; font-family: var(--font-body); font-size: 9px; font-weight: 500; letter-spacing: 0.22em; text-transform: uppercase; color: rgba(255, 255, 255, 0.5); user-select: none; } .jh__scroll-line { width: 1px; height: 40px; background: rgba(255, 255, 255, 0.3); position: relative; overflow: hidden; } .jh__scroll-line::after { content: ""; position: absolute; top: -100%; left: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.7); animation: jhTick 1.8s ease-in-out infinite; } @keyframes jhTick { 0% { top: -100%; } 100% { top: 100%; } } .jh__dots { position: absolute; bottom: 56px; left: 64px; z-index: 4; display: flex; gap: 14px; } .jh__dot { width: 28px; height: 2px; background: rgba(255, 255, 255, 0.3); border: none; padding: 0; cursor: pointer; transition: background 0.3s; } .jh__dot--active { background: #fff; } .jh__whiteout { position: absolute; inset: 0; z-index: 5; background: #fff; opacity: 0; pointer-events: none; } #tw-word::after { content: "|"; margin-left: 3px; font-style: normal; animation: twcaret 1s steps(1) infinite; } @keyframes twcaret { 50% { opacity: 0; } } .jh__intro { position: relative; z-index: 3; width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 28px; padding: 0 40px; text-align: center; } .jh__logo-wrap { display: flex; align-items: center; justify-content: center; width: 100%; max-width: 1500px; } .jh__logo { width: min(46vw, 620px); height: auto; display: block; opacity: 0; clip-path: inset(0 100% 0 0); transition: opacity 1.2s ease, clip-path 1.6s cubic-bezier(0.6, 0, 0.2, 1); } .jh--play .jh__logo { opacity: 1; clip-path: inset(0 0 0 0); } .jh__wing { position: absolute; top: 50%; transform: translateY(-50%); width: min(30vw, 420px); pointer-events: none; opacity: 0; transition: opacity 1s ease; } .jh__wing--left { right: calc(50% + min(23vw, 320px)); } .jh__wing--right { left: calc(50% + min(23vw, 320px)); } .jh--play .jh__wing { opacity: 1; } .jh__wing .sheet path { stroke-dasharray: 1; stroke-dashoffset: 1; } .jh--play .jh__wing .sheet path { animation: jhDrawOn 2.2s ease forwards; } @keyframes jhDrawOn { to { stroke-dashoffset: 0; } } .jh__intro-text { opacity: 0; transform: translateY(16px); transition: opacity 0.8s ease, transform 0.8s ease; } .jh--play .jh__intro-text { opacity: 1; transform: translateY(0); } .jh__tagline { font-family: var(--font-body); font-size: 12px; font-weight: 500; letter-spacing: 0.22em; text-transform: uppercase; color: rgba(255, 255, 255, 0.72); margin-bottom: 26px; } .jh__intro .jh__ctas { justify-content: center; } @media (max-width: 768px) { .jh__title { font-size: clamp(42px, 11vw, 64px); } .jh__content { padding: 0 28px 72px; } .jh__cta-secondary { display: none; } .jh__scroll { display: none; } .jh__dots { left: 28px; } .jh__logo { width: 72vw; } .jh__wing { display: none; } .jh__tagline { font-size: 11px; letter-spacing: 0.18em; } }  .service-hero { padding: 0; background: #fff; } .service-hero__inner { display: flex; flex-direction: column; align-items: center; position: relative; } .service-hero__content { background: #0a0a0a; color: #fff; width: 100%; padding: 100px 40px 200px; text-align: center; display: flex; flex-direction: column; align-items: center; gap: 16px; } .service-hero__breadcrumbs { margin-bottom: 24px; } .service-hero__breadcrumbs .rank-math-breadcrumb { font-size: 14px; text-transform: uppercase; letter-spacing: 2px; color: #ccc; } .service-hero__breadcrumbs a { color: #fff; text-decoration: none; } .service-hero__breadcrumbs .separator { margin: 0 10px; color: #888; } .service-hero__breadcrumbs .last { color: var(--gold-button); } .service-hero__tagline { font-size: 14px; text-transform: uppercase; letter-spacing: 2px; color: #fff; margin: 0; } .service-hero__heading { font-size: 56px; font-weight: 700; color: #fff; margin: 0; line-height: 1.1; } .service-hero__paragraph { font-size: 16px; color: #ccc; max-width: 600px; margin: 0; line-height: 1.5; } .service-hero__gallery { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; width: 90%; max-width: 1200px; margin-top: -120px; position: relative; z-index: 2; } .service-hero__item { aspect-ratio: 4 / 3; border-radius: 12px; overflow: hidden; background: #e5e5e5; transition: transform 0.35s ease, box-shadow 0.35s ease; } .service-hero__item:hover { box-shadow: 0 30px 60px rgba(0, 0, 0, 0.18); } .service-hero__item img { width: 100%; height: 100%; object-fit: cover; display: block; } .service-hero__item:first-child { transform: perspective(1500px) rotateY(30deg); transform-origin: 100% 50% 0; } .service-hero__item:first-child:hover { transform: perspective(1500px) rotateY(30deg) scale(1.05); } .service-hero__item:nth-child(2):hover { transform: scale(1.05); } .service-hero__item:last-child { transform: perspective(1500px) rotateY(-30deg); transform-origin: 0 50% 0; } .service-hero__item:last-child:hover { transform: perspective(1500px) rotateY(-30deg) scale(1.05); } @media (max-width: 767px) { .service-hero__gallery { grid-template-columns: 1fr; } .service-hero__item:first-child, .service-hero__item:last-child { display: none; } .service-hero__heading { font-size: 36px; } .service-hero__content { padding: 60px 24px 160px; } }  .jar-service-faq { background: #ffffff; padding: 96px 24px; overflow: hidden; } .jar-service-faq__inner { max-width: 1440px; margin: 0 auto; display: grid; grid-template-columns: 46% 54%; gap: 56px; align-items: stretch; } .jar-service-faq__left { border-right: 1px solid rgba(201, 173, 105, 0.65); padding-right: 32px; display: flex; flex-direction: column; justify-content: flex-start; gap: 20px; min-height: 900px; } .jar-service-faq__sketch { width: 100%; margin: 0 auto; display: block; } .jar-service-faq__left-content { display: flex; flex-direction: column; align-items: flex-start; margin-top: -80px; } .jar-service-faq__label, .jar-service-faq__eyebrow { font-size: 13px; letter-spacing: 0.34em; text-transform: uppercase; color: var(--gold-button); margin: 0 0 18px; } .jar-service-faq__left-heading { font-size: clamp(38px, 3vw, 52px); line-height: 1.05; font-weight: 400; color: #1f1f1f; margin: 0 0 24px; } .jar-service-faq__left-heading em { color: var(--gold-button); font-style: italic; } .jar-service-faq__left-text { max-width: 380px; font-size: 18px; line-height: 1.7; color: var(--text-muted-dark); margin: 0 0 32px; } .jar-service-faq__signature { width: 270px; max-width: 100%; display: block; } .jar-service-faq__right { padding: 36px 0 0; } .jar-service-faq__eyebrow { display: flex; align-items: center; gap: 20px; } .jar-service-faq__eyebrow::after { content: ""; display: block; height: 1px; background: rgba(184, 146, 79, 0.7); flex: 1; } .jar-service-faq__heading { font-size: clamp(70px, 6vw, 110px); line-height: 0.9; font-weight: 400; color: var(--dark-ink); margin: 0 0 28px; } .jar-service-faq__intro { max-width: 620px; font-size: 21px; line-height: 1.55; color: var(--text-muted-dark); margin: 0 0 42px; } .jar-service-faq__list { display: flex; flex-direction: column; gap: 10px; counter-reset: faq-counter; } .jar-service-faq__item { display: grid; grid-template-columns: 44px 1px minmax(0, 1fr) 38px; gap: 22px; align-items: center; border: 1px solid rgba(65, 61, 58, 0.16); border-radius: 6px; padding: 22px 24px; background: rgba(255, 255, 255, 0.24); box-shadow: 0 12px 34px rgba(65, 61, 58, 0.04); cursor: pointer; position: relative; overflow: hidden; counter-increment: faq-counter; transition: background 0.4s ease, box-shadow 0.4s ease, transform 0.4s ease, padding 0.4s ease, border-color 0.4s ease; } .jar-service-faq__item::before { content: ""; position: absolute; left: 0; top: 0; width: 3px; height: 100%; background: var(--gold-button); transform: scaleY(0); transform-origin: top; transition: transform 0.45s ease; } .jar-service-faq__item:hover { transform: translateY(-2px); } .jar-service-faq__item:not(.jar-service-faq__item--active):not(.brx-open):hover { background: rgba(255, 255, 255, 0.48); } .jar-service-faq__item:hover::before, .jar-service-faq__item--active::before, .jar-service-faq__item.brx-open::before { transform: scaleY(1); } .jar-service-faq__item--active, .jar-service-faq__item.brx-open { align-items: start; background: var(--dark-ink); border-color: var(--dark-ink); padding: 38px; box-shadow: 0 22px 54px rgba(0, 0, 0, 0.2); } .jar-service-faq__number { color: var(--gold-button); font-size: 18px; line-height: 1; margin: 0; } .jar-service-faq__number::before { content: counter(faq-counter, decimal-leading-zero); } .jar-service-faq__divider { width: 1px; height: 38px; background: rgba(184, 146, 79, 0.45); transition: height 0.45s ease, background 0.45s ease; } .jar-service-faq__item--active .jar-service-faq__divider, .jar-service-faq__item.brx-open .jar-service-faq__divider { height: 100%; min-height: 110px; background: rgba(184, 146, 79, 0.75); } .jar-service-faq__item-content { width: 100%; } .jar-service-faq__question { font-size: 22px; line-height: 1.35; font-weight: 400; color: var(--dark-ink); margin: 0; transition: color 0.35s ease, transform 0.35s ease; } .jar-service-faq__item:hover .jar-service-faq__question { transform: translateX(4px); } .jar-service-faq__item:not(.jar-service-faq__item--active):not(.brx-open) .jar-service-faq__question { font-size: 18px; line-height: 1.35; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .jar-service-faq__item--active .jar-service-faq__question, .jar-service-faq__item.brx-open .jar-service-faq__question { color: #fff; max-width: 100%; } .jar-service-faq__answer { display: block; width: 100%; max-height: 0; overflow: hidden; opacity: 0; margin-top: 0; padding-top: 0; border-top: 1px solid rgba(184, 146, 79, 0.28); font-size: 18px; line-height: 1.75; color: rgba(255, 255, 255, 0.82); transform: translateY(10px); transition: max-height 0.55s ease, opacity 0.4s ease, margin-top 0.4s ease, padding-top 0.4s ease, transform 0.4s ease; } .jar-service-faq__item--active .jar-service-faq__answer, .jar-service-faq__item.brx-open .jar-service-faq__answer { max-height: 340px; opacity: 1; margin-top: 28px; padding-top: 28px; transform: translateY(0); } .jar-service-faq__icon { width: 38px; height: 38px; border: 1px solid rgba(184, 146, 79, 0.45); border-radius: 50%; position: relative; flex-shrink: 0; margin: 0; background: transparent; color: transparent; font-size: 0; line-height: 0; transform: none !important; transition: background 0.35s ease, border-color 0.35s ease; } .jar-service-faq__icon::before, .jar-service-faq__icon::after { content: ""; position: absolute; left: 50%; top: 50%; width: 16px; height: 2px; background: var(--gold-button); transform: translate(-50%, -50%); transition: opacity 0.25s ease, transform 0.25s ease; } .jar-service-faq__icon::after { transform: translate(-50%, -50%) rotate(90deg); } .jar-service-faq__item--active .jar-service-faq__icon::after, .jar-service-faq__item.brx-open .jar-service-faq__icon::after { opacity: 0; } .jar-service-faq__item:hover .jar-service-faq__icon, .jar-service-faq__item--active .jar-service-faq__icon, .jar-service-faq__item.brx-open .jar-service-faq__icon { border-color: rgba(184, 146, 79, 0.8); background: rgba(184, 146, 79, 0.08); transform: none !important; } @media (max-width: 991px) { .jar-service-faq__inner { grid-template-columns: 1fr; } .jar-service-faq__left { border-right: none; padding-right: 0; min-height: auto; gap: 48px; } .jar-service-faq__left-content { margin-top: 0; } } @media (max-width: 767px) { .jar-service-faq { padding: 72px 20px; } .jar-service-faq__heading { font-size: 58px; } .jar-service-faq__item, .jar-service-faq__item--active, .jar-service-faq__item.brx-open { grid-template-columns: 36px 1px minmax(0, 1fr) 34px; gap: 14px; padding: 22px 18px; } .jar-service-faq__item:not(.jar-service-faq__item--active):not(.brx-open) .jar-service-faq__question { white-space: normal; } .jar-service-faq__question, .jar-service-faq__item:not(.jar-service-faq__item--active):not(.brx-open) .jar-service-faq__question { font-size: 18px; } .jar-service-faq__answer { font-size: 16px; } .jar-service-faq__icon { width: 34px; height: 34px; } .jar-service-faq__icon::before, .jar-service-faq__icon::after { width: 14px; } }  .jar-apple-gallery-v1, .jar-apple-gallery-v1 * { box-sizing: border-box; } .jar-apple-gallery-v1 { --active-width: 78%; --active-height: 430px; --side-width: 24%; --side-height: 230px; --radius: 28px; position: relative; width: 100%; min-height: 480px; background: transparent !important; overflow: hidden; } .jar-apple-gallery-v1__stage { position: relative; width: 100%; height: 455px; background: transparent !important; overflow: hidden; } img.jar-apple-gallery-v1__slide { position: absolute !important; top: 50%; left: 50%; max-width: none !important; display: block !important; object-fit: cover !important; object-position: center !important; border-radius: var(--radius); box-shadow: none !important; filter: none !important; cursor: pointer; opacity: 0; pointer-events: none; transition: width 0.55s cubic-bezier(0.22, 0.61, 0.36, 1), height 0.55s cubic-bezier(0.22, 0.61, 0.36, 1), transform 0.55s cubic-bezier(0.22, 0.61, 0.36, 1), opacity 0.35s ease; } img.jar-apple-gallery-v1__slide.is-active { width: var(--active-width) !important; height: var(--active-height) !important; opacity: 1; z-index: 10; pointer-events: auto; transform: translate(-50%, -50%); } img.jar-apple-gallery-v1__slide.is-prev { width: var(--side-width) !important; height: var(--side-height) !important; opacity: 0.16; z-index: 2; pointer-events: auto; transform: translate(-195%, -50%); } img.jar-apple-gallery-v1__slide.is-next { width: var(--side-width) !important; height: var(--side-height) !important; opacity: 0.16; z-index: 2; pointer-events: auto; transform: translate(95%, -50%); } img.jar-apple-gallery-v1__slide.is-hidden { opacity: 0; pointer-events: none; z-index: 1; transform: translate(-50%, -50%) scale(0.8); } .jar-apple-gallery-v1__controls { position: absolute; top: 50%; left: 50%; width: var(--active-width); height: var(--active-height); transform: translate(-50%, -50%); z-index: 30; pointer-events: none; } .jar-apple-gallery-v1__btn { position: absolute !important; top: 50%; width: 46px; height: 46px; border-radius: 50%; border: 1px solid rgba(201, 173, 105, 0.55) !important; background: rgba(65, 61, 58, 0.94) !important; color: #fff !important; display: flex !important; align-items: center !important; justify-content: center !important; padding: 0 !important; line-height: 1 !important; cursor: pointer; pointer-events: auto; transform: translateY(-50%); transition: background 0.25s ease, color 0.25s ease, transform 0.25s ease; } .jar-apple-gallery-v1__btn--prev { left: -23px; } .jar-apple-gallery-v1__btn--next { right: -23px; } .jar-apple-gallery-v1__btn:hover { background: var(--gold-bright) !important; color: var(--dark) !important; transform: translateY(-50%) scale(1.05); } .jar-apple-gallery-v1__progress { width: 240px; height: 2px; background: rgba(65, 61, 58, 0.14); margin: 8px auto 0; border-radius: 999px; overflow: hidden; } .jar-apple-gallery-v1__progress-bar { width: 33%; height: 100%; background: var(--gold-bright); transition: width 0.35s ease, transform 0.35s ease; } .jar-apple-gallery-lightbox { position: fixed; inset: 0; z-index: 999999; background: rgba(23, 23, 23, 0.94); display: flex; align-items: center; justify-content: center; padding: 36px; opacity: 0; visibility: hidden; transition: opacity 0.3s ease, visibility 0.3s ease; } .jar-apple-gallery-lightbox.is-open { opacity: 1; visibility: visible; } .jar-apple-gallery-lightbox img { max-width: 92vw; max-height: 88vh; border-radius: 18px; display: block; box-shadow: 0 40px 120px rgba(0, 0, 0, 0.5); transform: scale(0.94); transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1); } .jar-apple-gallery-lightbox.is-open img { transform: scale(1); } .jar-apple-gallery-lightbox__close { position: absolute; top: 28px; right: 32px; width: 48px; height: 48px; border: 1px solid rgba(201, 173, 105, 0.55); border-radius: 50%; background: transparent; color: #fff; font-size: 32px; line-height: 1; cursor: pointer; display: flex !important; align-items: center !important; justify-content: center !important; padding: 0 !important; } @media (max-width: 991px) { .jar-apple-gallery-v1 { --active-width: 82%; --active-height: 400px; --side-width: 22%; --side-height: 200px; min-height: 450px; } .jar-apple-gallery-v1__stage { height: 425px; } } @media (max-width: 767px) { .jar-apple-gallery-v1 { --active-width: 88%; --active-height: 320px; --side-width: 20%; --side-height: 150px; min-height: 370px; } .jar-apple-gallery-v1__stage { height: 340px; } img.jar-apple-gallery-v1__slide.is-prev { transform: translate(-210%, -50%); opacity: 0.10; } img.jar-apple-gallery-v1__slide.is-next { transform: translate(110%, -50%); opacity: 0.10; } .jar-apple-gallery-v1__btn { width: 42px; height: 42px; } .jar-apple-gallery-v1__btn--prev { left: -21px; } .jar-apple-gallery-v1__btn--next { right: -21px; } .jar-apple-gallery-lightbox { padding: 18px; } .jar-apple-gallery-lightbox__close { top: 16px; right: 16px; } }  .jar-top-gallery-v1, .jar-top-gallery-v1 * { box-sizing: border-box; } .jar-top-gallery-v1__item { position: relative; overflow: hidden; aspect-ratio: 4 / 5; border-radius: 22px; background: var(--dark); cursor: pointer; isolation: isolate; box-shadow: 0 24px 70px rgba(65, 61, 58, 0.14); transition: transform 0.45s cubic-bezier(0.22, 0.61, 0.36, 1), box-shadow 0.45s cubic-bezier(0.22, 0.61, 0.36, 1); } .jar-top-gallery-v1__item:hover { transform: translateY(-8px); box-shadow: 0 42px 90px rgba(65, 61, 58, 0.22); } .jar-top-gallery-v1__image { position: absolute; inset: 0; overflow: hidden; z-index: 1; } .jar-top-gallery-v1__image img { width: 100% !important; height: 100% !important; display: block !important; object-fit: cover !important; transform: translateZ(0) scale(1); transform-origin: center center; backface-visibility: hidden; will-change: transform; transition: transform 0.8s cubic-bezier(0.22, 0.61, 0.36, 1); } .jar-top-gallery-v1__item:hover .jar-top-gallery-v1__image img { transform: translateZ(0) scale(1.04); } .jar-top-gallery-v1__overlay { position: absolute; inset: 0; z-index: 2; display: flex; flex-direction: column; justify-content: flex-end; padding: 34px; background: linear-gradient(to top, rgba(17, 17, 17, 0.88) 0%, rgba(17, 17, 17, 0.52) 45%, rgba(17, 17, 17, 0) 100%); transition: background 0.35s ease; } .jar-top-gallery-v1__item:hover .jar-top-gallery-v1__overlay { background: linear-gradient(to top, rgba(17, 17, 17, 0.94) 0%, rgba(17, 17, 17, 0.66) 50%, rgba(17, 17, 17, 0.06) 100%); } .jar-top-gallery-v1__title { margin: 0; color: #fff; font-family: var(--font-display); font-size: 34px; line-height: 1.05; font-weight: 400; } .jar-top-gallery-v1__line { width: 72px; height: 2px; background: var(--gold-bright); margin: 18px 0; } .jar-top-gallery-v1__text { margin: 0; color: rgba(255, 255, 255, 0.86); font-family: var(--font-body); font-size: 15px; line-height: 1.7; overflow: hidden; max-height: 54px; transition: max-height 0.45s cubic-bezier(0.22, 0.61, 0.36, 1); } .jar-top-gallery-v1__item:hover .jar-top-gallery-v1__text { max-height: 600px; } .jar-gallery-lightbox { position: fixed; inset: 0; display: flex; align-items: center; justify-content: center; padding: 40px; background: rgba(23, 23, 23, 0.92); z-index: 999999; opacity: 0; visibility: hidden; transition: opacity 0.35s ease, visibility 0.35s ease; } .jar-gallery-lightbox.is-open { opacity: 1; visibility: visible; } .jar-gallery-lightbox img { max-width: min(1200px, 92vw); max-height: 86vh; border-radius: 16px; box-shadow: 0 40px 120px rgba(0, 0, 0, 0.55); } .jar-gallery-lightbox__close { position: absolute; top: 24px; right: 24px; width: 48px; height: 48px; border-radius: 50%; border: 1px solid rgba(201, 173, 105, 0.7); background: transparent; color: #fff; font-size: 28px; line-height: 1; cursor: pointer; transition: all 0.3s ease; } .jar-gallery-lightbox__close:hover { background: var(--gold-bright); color: var(--dark); } @media (max-width: 767px) { .jar-top-gallery-v1 { padding-top: 60px !important; padding-bottom: 60px !important; } .jar-top-gallery-v1__grid { grid-template-columns: 1fr !important; } .jar-top-gallery-v1__item { aspect-ratio: 16 / 11; transform: none !important; } .jar-top-gallery-v1__item:hover { transform: none; } .jar-top-gallery-v1__item:hover .jar-top-gallery-v1__image img { transform: none; } .jar-top-gallery-v1__overlay { padding: 24px; } .jar-top-gallery-v1__title { font-size: 28px; } .jar-top-gallery-v1__text { max-height: none; font-size: 14px; } }  html, body { max-width: 100%; overflow-x: clip; } #brx-footer, #brxe-fedpac, #brxe-qvzkey, #brxe-acjgsa { width: 100% !important; max-width: 100% !important; overflow-x: hidden !important; } #brxe-acjgsa { position: relative; isolation: isolate; } #brxe-acjgsa .jls-track, #brxe-acjgsa .jls-rail { display: flex !important; flex-wrap: nowrap !important; width: max-content !important; max-width: none !important; min-width: max-content !important; overflow: visible !important; } #brxe-acjgsa img { flex: 0 0 auto !important; }  .brxe-button.jarrods-uiverse-btn { --jar-dark: #413d3a; --jar-gold: #c9ad69; --jar-white: #ffffff; --jar-text-dark: #2c2a26; position: relative; z-index: 0; isolation: isolate; overflow: hidden; display: inline-flex; align-items: center; justify-content: center; width: fit-content; min-height: 48px; padding: 14px 32px; border: 1px solid var(--jar-dark); border-radius: 0; outline: 1px solid var(--jar-gold); outline-offset: 4px; background-color: var(--jar-dark); color: var(--jar-white); font-family: "Inter", Arial, sans-serif; font-size: 13px; font-weight: 700; line-height: 1; letter-spacing: 0.07em; text-transform: uppercase; text-decoration: none; cursor: pointer; transition: color 0.3s ease, border-color 0.3s ease; }  .brxe-button.jarrods-uiverse-btn::before { content: ""; position: absolute; top: -2px; bottom: -2px; left: -50%; z-index: -1; width: 150%; height: calc(100% + 4px); background-color: var(--jar-gold);  clip-path: polygon( 28% 0, 100% 0, 100% 100%, 0 100% ); transform: translateX(100%); transition: transform 0.4s cubic-bezier(0.65, 0, 0.35, 1); pointer-events: none; }  .brxe-button.jarrods-uiverse-btn:hover { color: var(--jar-text-dark); border-color: var(--jar-gold); text-decoration: none; } .brxe-button.jarrods-uiverse-btn:hover::before { transform: translateX(0); }  .brxe-button.jarrods-uiverse-btn:focus-visible { outline: 2px solid var(--jar-gold); outline-offset: 5px; }  .brxe-button.jarrods-uiverse-btn.jarrods-uiverse-btn--light { background-color: var(--jar-white); color: var(--jar-dark); border-color: var(--jar-white); } .brxe-button.jarrods-uiverse-btn.jarrods-uiverse-btn--light:hover { color: var(--jar-text-dark); border-color: var(--jar-gold); }  @media (max-width: 767px) { .brxe-button.jarrods-uiverse-btn { min-height: 45px; padding: 13px 26px; font-size: 12px; } }   #jarrods-tab { position: fixed; top: 50%; right: 0; transform: translateY(-50%); z-index: 998; width: 58px; height: 210px; display: flex; align-items: center; justify-content: center; padding: 0; background: #413D3A; border: 0; border-left: 1px solid rgba(201,173,105,.5); border-top: 1px solid rgba(201,173,105,.5); border-bottom: 1px solid rgba(201,173,105,.5); border-radius: 0; box-shadow: -6px 0 26px rgba(44,42,38,.22); cursor: pointer; overflow: hidden; transition: width .45s cubic-bezier(.22,.61,.36,1), box-shadow .45s ease; } #jarrods-tab::before { content: ""; position: absolute; inset: 0; background: #C9AD69; transform: translateX(101%); transition: transform .45s cubic-bezier(.22,.61,.36,1); z-index: 0; } #jarrods-tab::after { content: ""; position: absolute; top: 14px; bottom: 14px; left: 7px; width: 1px; background: rgba(201,173,105,.34); z-index: 2; transition: background .45s ease; } #jarrods-tab:hover { width: 66px; box-shadow: -8px 0 34px rgba(44,42,38,.3); } #jarrods-tab:hover::before { transform: translateX(0); } #jarrods-tab:hover::after { background: rgba(65,61,58,.3); } #jarrods-tab:focus-visible { outline: 2px solid #C9AD69; outline-offset: -6px; } #jarrods-tab span { position: relative; z-index: 1; display: block; writing-mode: vertical-rl; transform: rotate(180deg); font-family: Inter, sans-serif; font-size: 11px; font-weight: 500; letter-spacing: .24em; line-height: 1; text-transform: uppercase; color: #FBF6ED; white-space: nowrap; pointer-events: none; transition: color .45s ease; } #jarrods-tab:hover span { color: #413D3A; }   .brx-popup-content > .brxe-block { position: relative; }  .brx-popup .bricks-form button[type="submit"] { font-family: Inter, sans-serif; font-size: 12px; font-weight: 500; letter-spacing: .2em; text-transform: uppercase; color: #FBF6ED; background: #413D3A; border: 1px solid #413D3A; border-radius: 0; padding: 17px 42px; cursor: pointer; transition: background .4s ease, color .4s ease, border-color .4s ease; } .brx-popup .bricks-form button[type="submit"]:hover { background: #C9AD69; color: #413D3A; border-color: #C9AD69; }  .brx-popup .bricks-form button[type="submit"] svg, .brx-popup .bricks-form button[type="submit"] i, .brx-popup .bricks-form .bricks-button-icon { display: none; }  #jarrods-close { position: absolute; top: 28px; right: 28px; z-index: 10; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; background: transparent; border: 1px solid rgba(65,61,58,.2); border-radius: 0; cursor: pointer; transition: border-color .3s ease, background .3s ease; } #jarrods-close::before, #jarrods-close::after { content: ""; position: absolute; width: 15px; height: 1px; background: #413D3A; } #jarrods-close::before { transform: rotate(45deg); } #jarrods-close::after { transform: rotate(-45deg); } #jarrods-close:hover { border-color: #C9AD69; background: rgba(201,173,105,.08); } #jarrods-close:focus-visible { outline: 2px solid #C9AD69; outline-offset: 2px; }   html:has(body.no-scroll) { overflow: hidden; } body.no-scroll { overflow: hidden; }  @media (max-width: 767px) { #jarrods-tab { top: auto; bottom: 20px; right: 16px; transform: none; width: auto; height: auto; padding: 14px 22px; border: 1px solid rgba(201,173,105,.5); box-shadow: 0 6px 22px rgba(44,42,38,.28); } #jarrods-tab::after { display: none; } #jarrods-tab:hover { width: auto; } #jarrods-tab span { writing-mode: horizontal-tb; transform: none; letter-spacing: .18em; } #jarrods-close { top: 18px; right: 18px; } }