.pn-section { padding: var(--pn-section-pad, clamp(48px, 8vw, 96px)) 0; } .pn-wrap { width: min(100% - 2.5rem, var(--pn-content-w, 1200px)); margin-inline: auto; } .pn-eyebrow { display: inline-block; font-size: .78rem; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; color: var(--c-primary); margin-bottom: 1rem; } .pn-btn-base { display: inline-flex; align-items: center; justify-content: center; gap: .5em; padding: .8em 1.6em; border-radius: var(--pn-radius-btn, 999px); font-weight: 600; line-height: 1.2; text-decoration: none; cursor: pointer; border: 1px solid transparent; background: var(--c-primary); color: var(--c-bg); font-family: var(--font-body, inherit); transition: filter .15s ease; } .pn-btn-base:hover { filter: brightness(1.08); } .pn-btn-base--ghost { background: transparent; color: var(--c-primary); border-color: currentColor; } [data-pn-block="778"] .header-amelia { --linen: #EDE7DB; --ivory: #FAF6EB; --verdant: #1F3A2E; --verdant-deep: #102218; --copper: #C9A574; --ink: #14110D; --font-display: 'Fraunces', serif; --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif; --ease: cubic-bezier(0.22, 1, 0.36, 1); font-family: var(--font-sans); color: var(--ink); line-height: 1.55; -webkit-font-smoothing: antialiased; display: block; } [data-pn-block="778"] .header-amelia a { color: inherit; text-decoration: none; } [data-pn-block="778"] .header-amelia .topbar { background: var(--verdant-deep); color: var(--linen); font-size: 0.78rem; padding: 10px 0; text-align: center; letter-spacing: 0.04em; } [data-pn-block="778"] .header-amelia .container { max-width: 1280px; margin: 0 auto; padding: 0 32px; } [data-pn-block="778"] .header-amelia .nav-inner { display: flex; align-items: center; justify-content: space-between; padding: 20px 0; } [data-pn-block="778"] .header-amelia .logo-text { font-family: var(--font-display); font-size: 1.5rem; font-weight: 500; color: var(--verdant-deep); letter-spacing: -0.025em; } [data-pn-block="778"] .header-amelia .nav-links a { font-size: 0.92rem; color: var(--ink); font-weight: 500; transition: color 0.2s; position: relative; } [data-pn-block="778"] .header-amelia .nav-links a::after { content: ''; position: absolute; bottom: -4px; left: 0; width: 0; height: 1.5px; background: var(--verdant); transition: width 0.3s var(--ease); } [data-pn-block="778"] .header-amelia .nav-links a:hover { color: var(--verdant); } [data-pn-block="778"] .header-amelia .nav-links a:hover::after { width: 100%; } [data-pn-block="778"] .header-amelia .nav-cta { display: inline-flex; align-items: center; gap: 8px; padding: 13px 26px; background: var(--verdant); color: var(--ivory); font-size: 0.88rem; font-weight: 500; border-radius: 50px; transition: all 0.3s var(--ease); } [data-pn-block="778"] .header-amelia .nav-cta:hover { background: var(--verdant-deep); transform: translateY(-1px); box-shadow: 0 10px 25px -8px rgba(31, 58, 46, 0.4); } @media (max-width: 700px) { [data-pn-block="778"] .header-amelia .container { padding: 0 20px; } } @media (max-width: 900px) { [data-pn-block="778"] .header-amelia .nav-links { display: none; } } [data-pn-block="778"] .header-amelia { display: block; } [data-pn-block="778"] .header-amelia .topbar { background: var(--verdant-deep); color: var(--linen); font-size: 0.78rem; padding: 10px 0; text-align: center; letter-spacing: 0.04em; } [data-pn-block="778"] .header-amelia .topbar strong { color: var(--copper); font-weight: 500; } [data-pn-block="778"] .header-amelia .nav { position: sticky; top: 0; z-index: 100; background: rgba(237, 231, 219, 0.94); backdrop-filter: saturate(180%) blur(20px); -webkit-backdrop-filter: saturate(180%) blur(20px); border-bottom: 1px solid rgba(31, 58, 46, 0.08); transition: padding 0.3s var(--ease); } [data-pn-block="778"] .header-amelia .nav-inner { display: flex; align-items: center; justify-content: space-between; padding: 20px 0; } [data-pn-block="778"] .header-amelia .logo { display: flex; align-items: center; gap: 12px; } [data-pn-block="778"] .header-amelia .logo-mark { width: 40px; height: 40px; background: var(--verdant); border-radius: 50%; display: grid; place-items: center; color: var(--ivory); font-family: var(--font-display); font-style: italic; font-size: 1.35rem; font-weight: 500; } [data-pn-block="778"] .header-amelia .logo-text { font-family: var(--font-display); font-size: 1.5rem; font-weight: 500; color: var(--verdant-deep); letter-spacing: -0.025em; } [data-pn-block="778"] .header-amelia .nav-links { display: flex; gap: 36px; align-items: center; } [data-pn-block="778"] .header-amelia .nav-links a { font-size: 0.92rem; color: var(--ink); font-weight: 500; transition: color 0.2s; position: relative; } [data-pn-block="778"] .header-amelia .nav-links a::after { content: ''; position: absolute; bottom: -4px; left: 0; width: 0; height: 1.5px; background: var(--verdant); transition: width 0.3s var(--ease); } [data-pn-block="778"] .header-amelia .nav-links a:hover, [data-pn-block="778"] .header-amelia .nav-links a.is-active { color: var(--verdant); } [data-pn-block="778"] .header-amelia .nav-links a:hover::after, [data-pn-block="778"] .header-amelia .nav-links a.is-active::after { width: 100%; } [data-pn-block="778"] .header-amelia .nav-cta { display: inline-flex; align-items: center; gap: 8px; padding: 13px 26px; background: var(--verdant); color: var(--ivory); font-size: 0.88rem; font-weight: 500; border-radius: 50px; transition: all 0.3s var(--ease); } [data-pn-block="778"] .header-amelia .nav-cta:hover { background: var(--verdant-deep); transform: translateY(-1px); box-shadow: 0 10px 25px -8px rgba(31, 58, 46, 0.4); } @media (max-width: 900px) { [data-pn-block="778"] .header-amelia .nav-links { display: none; } } [data-pn-block="778"] .am-drawer {position:fixed;inset:0;z-index:99990;display:flex;flex-direction:column;background:var(--pn-brand-primary);color:var(--c-surface);overflow:auto;opacity:0;transform:translateX(6%);transition:opacity .28s ease,transform .28s ease;} [data-pn-block="778"] .am-drawer[data-open="1"] {opacity:1;transform:none;} @media (min-width:768px) { [data-pn-block="778"] .am-drawer {display:none !important;} } [data-pn-block="778"] .am-drawer__top {display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid color-mix(in srgb, var(--c-surface) 14%, transparent);} [data-pn-block="778"] .am-drawer__logo {display:inline-flex;align-items:center;gap:10px;color:var(--c-surface);text-decoration:none;} [data-pn-block="778"] .am-drawer__logo .logo-text {color:var(--c-surface);} [data-pn-block="778"] .am-drawer__close {width:40px;height:40px;border-radius:50%;border:1px solid color-mix(in srgb, var(--c-surface) 30%, transparent);background:color-mix(in srgb, var(--c-surface) 8%, transparent);color:var(--c-surface);font-size:15px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;} [data-pn-block="778"] .am-drawer__welcome {padding:22px 20px 6px;} [data-pn-block="778"] .am-drawer__eyebrow {display:block;font-size:.7rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--c-accent);margin-bottom:6px;} [data-pn-block="778"] .am-drawer__title {font-family:var(--font-heading, serif);font-size:1.7rem;line-height:1.15;color:var(--c-surface);} [data-pn-block="778"] .am-drawer__sub {margin-top:6px;font-size:.85rem;color:color-mix(in srgb, var(--c-surface) 72%, transparent);} [data-pn-block="778"] .am-drawer__list {list-style:none;margin:8px 0 0;padding:0 20px;} [data-pn-block="778"] .am-drawer__list > * {border-bottom:1px solid color-mix(in srgb, var(--c-surface) 12%, transparent);} [data-pn-block="778"] .am-drawer__link, [data-pn-block="778"] .am-drawer__list a {display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;font-family:var(--font-heading, serif);font-size:1.12rem;color:var(--c-surface);text-decoration:none;} [data-pn-block="778"] .am-drawer__list a::after {content:none;} [data-pn-block="778"] .am-drawer__list a:hover::after {transform:translateX(4px);} [data-pn-block="778"] .am-drawer__list a:has([data-pn-mob-caret])::after {content:"›";color:var(--c-accent);font-size:1.2rem;transition:transform .18s ease;} [data-pn-block="778"] .am-drawer__list [data-pn-mob-caret] {display:none;} [data-pn-block="778"] .am-drawer__popular {padding:20px 20px 8px;} [data-pn-block="778"] .am-drawer__cards {display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px;} [data-pn-block="778"] .am-drawer__card {display:flex;align-items:center;gap:8px;padding:13px 12px;border:1px solid color-mix(in srgb, var(--c-surface) 18%, transparent);border-radius:12px;background:color-mix(in srgb, var(--c-surface) 6%, transparent);color:var(--c-surface);font-size:.88rem;line-height:1.25;text-decoration:none;} [data-pn-block="778"] .am-drawer__card-ic {display:inline-flex;color:var(--c-accent);flex:none;} [data-pn-block="778"] .am-drawer__card-ic svg {width:22px;height:22px;} [data-pn-block="778"] .am-drawer__cta {position:sticky;bottom:0;margin-top:auto;display:flex;gap:10px;padding:14px 16px calc(14px + env(safe-area-inset-bottom));background:color-mix(in srgb, var(--pn-brand-primary) 92%, transparent);backdrop-filter:blur(6px);border-top:1px solid color-mix(in srgb, var(--c-surface) 12%, transparent);} [data-pn-block="778"] .am-drawer__book {position:relative;overflow:hidden;gap:9px;flex:1;display:inline-flex;align-items:center;justify-content:center;padding:14px 18px;border-radius:10px;background:var(--c-accent);color:var(--pn-brand-primary);font-weight:700;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;} [data-pn-block="778"] .am-drawer__call {display:inline-flex;align-items:center;justify-content:center;padding:14px 18px;border-radius:10px;border:1px solid color-mix(in srgb, var(--c-surface) 35%, transparent);color:var(--c-surface);font-weight:700;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;} [data-pn-block="778"] .am-drawer__book svg {width:15px;height:15px;flex:none;} [data-pn-block="778"] .am-drawer__book::before {content:"";position:absolute;inset:0;transform:translateX(-130%) skewX(-18deg);background:linear-gradient(100deg, transparent 32%, color-mix(in srgb, var(--c-surface) 45%, transparent) 50%, transparent 68%);animation:amBookSheen 4.6s ease-in-out infinite;pointer-events:none;} @keyframes amBookSheen {0%,55%{transform:translateX(-130%) skewX(-18deg);}78%,100%{transform:translateX(130%) skewX(-18deg);}} @media (prefers-reduced-motion: reduce) { [data-pn-block="778"] .am-drawer__book::before {animation:none;} } [data-pn-block="778"] .am-drawer__logo .logo-mark {background:var(--c-surface);color:var(--pn-brand-primary);border-radius:50%;} [data-pn-block="778"] .am-drawer__list[data-pn-mob-depth]:not([data-pn-mob-depth="0"]) a {font-size:.98rem;font-weight:300;color:color-mix(in srgb, var(--c-surface) 80%, transparent);padding:10px 0;} [data-pn-block="778"] .am-drawer__list[data-pn-mob-depth] [data-pn-mob-back] a, [data-pn-block="778"] .am-drawer__list a[data-pn-mob-back] {display:inline-flex;align-items:center;gap:7px;width:auto;font-family:inherit;font-size:.72rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--c-accent);padding:9px 16px;margin:12px 0 6px;border:1px solid color-mix(in srgb, var(--c-accent) 55%, transparent);border-radius:999px;background:color-mix(in srgb, var(--c-accent) 12%, transparent);} [data-pn-block="778"] .am-drawer__list [data-pn-mob-back] {border-bottom:0;} [data-pn-block="778"] .am-drawer[hidden] {display:none !important;} [data-pn-block="778"] .am-drawer {z-index:2147480000;} [data-pn-block="778"] .am-drawer {pointer-events:none;} [data-pn-block="778"] .am-drawer[data-open="1"] {pointer-events:auto;} [data-pn-block="778"] .am-drawer__list[data-pn-mob-depth] [data-pn-mob-parent] a {font-size:1.12rem;font-weight:600;color:var(--c-surface);padding:12px 0;} [data-pn-block="778"] .am-drawer:has(.am-drawer__list[data-pn-mob-depth]:not([data-pn-mob-depth="0"])) .am-drawer__cards {grid-template-columns:1fr;} @media (max-width:380px) { [data-pn-block="778"] .am-drawer__cards {grid-template-columns:1fr;} } [data-pn-block="778"] .am-drawer {scrollbar-width:none;} [data-pn-block="778"] .am-drawer::-webkit-scrollbar {display:none;width:0;} [data-pn-block="2490"] .page-hero { background: var(--linen); padding: 96px 0 84px; position: relative; overflow: hidden; } [data-pn-block="2490"] .page-hero::before { content: ''; position: absolute; top: -20%; right: -8%; width: 560px; height: 560px; background: radial-gradient(circle, rgba(201, 165, 116, 0.18), transparent 60%); pointer-events: none; } [data-pn-block="2490"] .page-hero-grid { display: grid; grid-template-columns: 1.25fr 1fr; gap: 70px; align-items: center; position: relative; } [data-pn-block="2490"] .page-hero .crumbs { font-size: 0.78rem; color: var(--muted); margin-bottom: 22px; letter-spacing: 0.06em; } [data-pn-block="2490"] .page-hero .crumbs a { color: var(--muted); transition: color 0.2s; } [data-pn-block="2490"] .page-hero .crumbs a:hover { color: var(--verdant); } [data-pn-block="2490"] .page-hero .crumbs span { color: var(--copper); margin: 0 8px; } [data-pn-block="2490"] .page-hero .eyebrow { margin-bottom: 22px; } [data-pn-block="2490"] .page-hero h1 { font-family: var(--font-display); font-weight: 400; letter-spacing: -0.034em; line-height: 0.98; font-size: clamp(2.6rem, 5.6vw, 4.6rem); color: var(--verdant-deep); margin-bottom: 28px; } [data-pn-block="2490"] .page-hero h1 em { font-style: italic; font-weight: 300; color: var(--verdant); } [data-pn-block="2490"] .page-hero .lede { margin-bottom: 36px; max-width: 620px; } [data-pn-block="2490"] .page-hero-actions { display: flex; gap: 14px; flex-wrap: wrap; } [data-pn-block="2490"] .page-hero-photo .ph { min-height: 460px; border-radius: 24px; } [data-pn-block="2490"] .page-hero-meta { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px 20px; align-items: start; margin-top: 38px; padding-top: 28px; border-top: 1px solid var(--line-soft); } [data-pn-block="2490"] .page-hero-meta-item { font-size: 0.88rem; color: var(--muted); line-height: 1.4; } [data-pn-block="2490"] .page-hero-meta-item strong { display: block; color: var(--verdant-deep); font-family: var(--font-display); font-size: 1.7rem; font-weight: 500; letter-spacing: -0.025em; margin-bottom: 4px; line-height: 1; } @media (max-width: 768px) { [data-pn-block="2490"] .page-hero { padding: 56px 0 56px; } [data-pn-block="2490"] .page-hero-grid { grid-template-columns: 1fr; gap: 40px; } [data-pn-block="2490"] .page-hero-photo .ph { min-height: 320px; } [data-pn-block="2490"] .page-hero-meta { grid-template-columns: 1fr 1fr; gap: 22px; } } [data-pn-block="2490"] .container { max-width: 1280px; margin: 0 auto; padding: 0 32px; } [data-pn-block="2490"] .reveal { opacity: 0; transform: translateY(30px); transition: opacity 0.8s var(--ease), transform 0.8s var(--ease); } [data-pn-block="2490"] .container { max-width: 1280px; margin: 0 auto; padding: 0 32px; } [data-pn-block="2490"] .reveal { transition: opacity 0.8s var(--ease), transform 0.8s var(--ease); } [data-pn-block="2490"] .container { max-width: 1280px; margin: 0 auto; padding: 0 32px; } [data-pn-block="2490"] .reveal { transition: opacity 0.8s var(--ease), transform 0.8s var(--ease); } [data-pn-block="2490"] .container { max-width: 1280px; margin: 0 auto; padding: 0 32px; } [data-pn-block="2490"] .reveal { transition: opacity 0.8s var(--ease), transform 0.8s var(--ease); } [data-pn-block="2490"] .eyebrow { font-size: 0.72rem; text-transform: uppercase; letter-spacing: 0.22em; font-weight: 600; color: var(--verdant); display: inline-block; } [data-pn-block="2490"] .eyebrow { font-size: 0.72rem; text-transform: uppercase; letter-spacing: 0.22em; font-weight: 600; color: var(--c-primary); display: inline-block; } [data-pn-block="2490"] .eyebrow { font-size: 0.72rem; text-transform: uppercase; letter-spacing: 0.22em; font-weight: 600; color: var(--c-primary); display: inline-block; } [data-pn-block="2490"] .eyebrow { font-size: 0.72rem; text-transform: uppercase; letter-spacing: 0.22em; font-weight: 600; color: var(--c-primary); display: inline-block; } [data-pn-block="2490"] .lede { font-size: clamp(1.12rem, 1.5vw, 1.32rem); line-height: 1.55; color: var(--ink-soft); max-width: 540px; } [data-pn-block="2490"] .lede strong { color: var(--coral); font-weight: 500; } [data-pn-block="2490"] .lede { font-size: clamp(1.12rem, 1.5vw, 1.32rem); line-height: 1.55; color: var(--c-text-soft); max-width: 540px; } [data-pn-block="2490"] .lede strong { color: var(--c-secondary); font-weight: 500; } [data-pn-block="2490"] .lede { font-size: clamp(1.12rem, 1.5vw, 1.32rem); line-height: 1.55; color: var(--c-text-soft); max-width: 540px; } [data-pn-block="2490"] .lede strong { color: var(--c-secondary); font-weight: 500; } [data-pn-block="2490"] .lede { font-size: clamp(1.12rem, 1.5vw, 1.32rem); line-height: 1.55; color: var(--c-text-soft); max-width: 540px; } [data-pn-block="2490"] .lede strong { color: var(--c-secondary); font-weight: 500; } [data-pn-block="2490"] .btn { display: inline-flex; align-items: center; gap: 10px; padding: 16px 32px; font-size: 0.95rem; font-weight: 500; border-radius: 50px; transition: all 0.3s var(--ease); border: 1px solid transparent; cursor: pointer; } [data-pn-block="2490"] .btn { display: inline-flex; align-items: center; gap: 10px; padding: 16px 32px; font-size: 0.95rem; font-weight: 500; border-radius: 50px; transition: all 0.3s var(--ease); border: 1px solid transparent; cursor: pointer; } [data-pn-block="2490"] .btn svg { width: 14px; height: 14px; } [data-pn-block="2490"] .btn { display: inline-flex; align-items: center; gap: 10px; padding: 16px 32px; font-size: 0.95rem; font-weight: 500; border-radius: 50px; transition: all 0.3s var(--ease); border: 1px solid transparent; cursor: pointer; } [data-pn-block="2490"] .btn svg { width: 14px; height: 14px; } [data-pn-block="2490"] .btn { display: inline-flex; align-items: center; gap: 10px; padding: 16px 32px; font-size: 0.95rem; font-weight: 500; border-radius: 50px; transition: all 0.3s var(--ease); border: 1px solid transparent; cursor: pointer; } [data-pn-block="2490"] .btn svg { width: 14px; height: 14px; } [data-pn-block="2490"] .btn-verdant { background: var(--verdant); color: var(--ivory); } [data-pn-block="2490"] .btn-verdant:hover { background: var(--verdant-deep); transform: translateY(-1px); box-shadow: 0 12px 30px -8px rgba(31, 58, 46, 0.45); } [data-pn-block="2490"] .btn-verdant { background: var(--c-primary); color: var(--c-surface); } [data-pn-block="2490"] .btn-verdant:hover { background: var(--c-primary-deep); transform: translateY(-1px); box-shadow: 0 12px 30px -8px rgba(31, 58, 46, 0.45); } [data-pn-block="2490"] .btn-verdant { background: var(--c-primary); color: var(--c-surface); } [data-pn-block="2490"] .btn-verdant:hover { background: var(--c-primary-deep); transform: translateY(-1px); box-shadow: 0 12px 30px -8px rgba(31, 58, 46, 0.45); } [data-pn-block="2490"] .btn-verdant { background: var(--c-primary); color: var(--c-surface); } [data-pn-block="2490"] .btn-verdant:hover { background: var(--c-primary-deep); transform: translateY(-1px); box-shadow: 0 12px 30px -8px rgba(31, 58, 46, 0.45); } [data-pn-block="2490"] .btn-outline { border-color: var(--ink); color: var(--ink); } [data-pn-block="2490"] .btn-outline:hover { background: var(--ink); color: var(--ivory); } [data-pn-block="2490"] .btn-outline { border-color: var(--c-text); color: var(--c-text); } [data-pn-block="2490"] .btn-outline:hover { background: var(--c-text); color: var(--c-surface); } [data-pn-block="2490"] .btn-outline { border-color: var(--c-text); color: var(--c-text); } [data-pn-block="2490"] .btn-outline:hover { background: var(--c-text); color: var(--c-surface); } [data-pn-block="2490"] .btn-outline { border-color: var(--c-text); color: var(--c-text); } [data-pn-block="2490"] .btn-outline:hover { background: var(--c-text); color: var(--c-surface); } [data-pn-block="2490"] .ph { background: repeating-linear-gradient(45deg, rgba(31,58,46,0.06) 0 10px, transparent 10px 20px), linear-gradient(135deg, var(--linen-deep), var(--linen)); border: 1px dashed rgba(31, 58, 46, 0.35); border-radius: 20px; display: flex; align-items: center; justify-content: center; flex-direction: column; text-align: center; padding: 28px; color: var(--verdant); min-height: 200px; position: relative; } [data-pn-block="2490"] .ph { position: relative; border-radius: 20px; overflow: hidden; background: repeating-linear-gradient(45deg, rgba(31,58,46,0.06) 0 10px, transparent 10px 20px), linear-gradient(135deg, var(--c-bg-deep), var(--c-bg)); border: 1px dashed rgba(31, 58, 46, 0.35); min-height: 200px; } [data-pn-block="2490"] .ph-img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; z-index: 1; } [data-pn-block="2490"] .ph { position: relative; border-radius: 20px; overflow: hidden; background: repeating-linear-gradient(45deg, rgba(31,58,46,0.06) 0 10px, transparent 10px 20px), linear-gradient(135deg, var(--c-bg-deep), var(--c-bg)); border: 1px dashed rgba(31, 58, 46, 0.35); min-height: 200px; } [data-pn-block="2490"] .ph-img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; z-index: 1; } [data-pn-block="2490"] .ph { position: relative; border-radius: 20px; overflow: hidden; background: repeating-linear-gradient(45deg, rgba(31,58,46,0.06) 0 10px, transparent 10px 20px), linear-gradient(135deg, var(--c-bg-deep), var(--c-bg)); border: 1px dashed rgba(31, 58, 46, 0.35); min-height: 200px; } [data-pn-block="2490"] .ph-img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; z-index: 1; } [data-pn-block="2490"] .container { max-width: 1280px; margin: 0 auto; padding: 0 32px; } [data-pn-block="2490"] .eyebrow { font-size: 0.72rem; text-transform: uppercase; letter-spacing: 0.22em; font-weight: 600; color: var(--c-primary); display: inline-block; } [data-pn-block="2490"] .lede { font-size: clamp(1.12rem, 1.5vw, 1.32rem); line-height: 1.55; color: var(--c-text-soft); max-width: 540px; } [data-pn-block="2490"] .lede strong { color: var(--c-secondary); font-weight: 500; } [data-pn-block="2490"] .btn-outline { border-color: var(--c-text); color: var(--c-text); } [data-pn-block="2490"] .btn-outline:hover { background: var(--c-text); color: var(--c-surface); } [data-pn-block="2490"] .ph { position: relative; border-radius: 20px; overflow: hidden; background: repeating-linear-gradient(45deg, rgba(31,58,46,0.06) 0 10px, transparent 10px 20px), linear-gradient(135deg, var(--c-bg-deep), var(--c-bg)); border: 1px dashed rgba(31, 58, 46, 0.35); min-height: 200px; } [data-pn-block="2490"] .ph-img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; z-index: 1; } [data-pn-block="2490"] figure.ph { border: 0 !important; } [data-pn-block="2490"] .container { max-width: 1280px; margin: 0 auto; padding: 0 32px; } [data-pn-block="2490"] .reveal { transition: opacity 0.8s var(--ease), transform 0.8s var(--ease); } [data-pn-block="2490"] .btn { display: inline-flex; align-items: center; gap: 10px; padding: 16px 32px; font-size: 0.95rem; font-weight: 500; border-radius: 50px; transition: all 0.3s var(--ease); border: 1px solid transparent; cursor: pointer; } [data-pn-block="2490"] .btn svg { width: 14px; height: 14px; } [data-pn-block="2490"] .btn-verdant { background: var(--c-primary); color: var(--c-surface); } [data-pn-block="2490"] .btn-verdant:hover { background: var(--c-primary-deep); transform: translateY(-1px); box-shadow: 0 12px 30px -8px rgba(31, 58, 46, 0.45); } [data-pn-block="2491"] .prose-section { background: var(--ivory); padding: 110px 0; } [data-pn-block="2491"] .prose-section.alt-bg { background: var(--linen); } [data-pn-block="2491"] .prose-grid { display: grid; grid-template-columns: 1fr 2fr; gap: 70px; max-width: 1100px; margin: 0 auto; align-items: start; } [data-pn-block="2491"] .prose-grid .eyebrow { color: var(--copper); } [data-pn-block="2491"] .prose-grid h2 { font-family: var(--font-display); font-size: clamp(2rem, 4vw, 3rem); letter-spacing: -0.03em; line-height: 1.05; color: var(--verdant-deep); margin-top: 14px; } [data-pn-block="2491"] .prose-grid h2 em { font-style: italic; font-weight: 300; color: var(--verdant); } [data-pn-block="2491"] .prose-body p { color: var(--ink-soft); font-size: 1.04rem; line-height: 1.75; margin-bottom: 18px; } [data-pn-block="2491"] .prose-body p strong { color: var(--verdant-deep); } [data-pn-block="2491"] .prose-body ul { list-style: none; margin: 18px 0 24px; } [data-pn-block="2491"] .prose-body li { padding: 10px 0 10px 28px; position: relative; color: var(--ink-soft); line-height: 1.6; border-bottom: 1px solid var(--line-soft); } [data-pn-block="2491"] .prose-body li::before { content: ''; position: absolute; left: 4px; top: 18px; width: 8px; height: 8px; border-radius: 50%; background: var(--copper); } [data-pn-block="2491"] .prose-body li:last-child { border-bottom: 0; } [data-pn-block="2491"] .prose-body h3 { font-family: var(--font-display); font-size: 1.45rem; color: var(--verdant-deep); font-weight: 600; margin: 32px 0 14px; letter-spacing: -0.02em; } [data-pn-block="2491"] .prose-body a { color: var(--copper); font-weight: 600; text-decoration: underline; } @media (max-width: 768px) { [data-pn-block="2491"] .prose-grid { grid-template-columns: 1fr; gap: 32px; } } [data-pn-block="2491"] .container { max-width: 1280px; margin: 0 auto; padding: 0 32px; } [data-pn-block="2491"] .reveal { opacity: 0; transform: translateY(30px); transition: opacity 0.8s var(--ease), transform 0.8s var(--ease); } [data-pn-block="2491"] .container { max-width: 1280px; margin: 0 auto; padding: 0 32px; } [data-pn-block="2491"] .reveal { transition: opacity 0.8s var(--ease), transform 0.8s var(--ease); } [data-pn-block="2491"] .container { max-width: 1280px; margin: 0 auto; padding: 0 32px; } [data-pn-block="2491"] .reveal { transition: opacity 0.8s var(--ease), transform 0.8s var(--ease); } [data-pn-block="2491"] .container { max-width: 1280px; margin: 0 auto; padding: 0 32px; } [data-pn-block="2491"] .reveal { transition: opacity 0.8s var(--ease), transform 0.8s var(--ease); } [data-pn-block="2491"] .eyebrow { font-size: 0.72rem; text-transform: uppercase; letter-spacing: 0.22em; font-weight: 600; color: var(--verdant); display: inline-block; } [data-pn-block="2491"] .eyebrow { font-size: 0.72rem; text-transform: uppercase; letter-spacing: 0.22em; font-weight: 600; color: var(--c-primary); display: inline-block; } [data-pn-block="2491"] .eyebrow { font-size: 0.72rem; text-transform: uppercase; letter-spacing: 0.22em; font-weight: 600; color: var(--c-primary); display: inline-block; } [data-pn-block="2491"] .eyebrow { font-size: 0.72rem; text-transform: uppercase; letter-spacing: 0.22em; font-weight: 600; color: var(--c-primary); display: inline-block; } [data-pn-block="2491"] .container { max-width: 1280px; margin: 0 auto; padding: 0 32px; } [data-pn-block="2491"] .eyebrow { font-size: 0.72rem; text-transform: uppercase; letter-spacing: 0.22em; font-weight: 600; color: var(--c-primary); display: inline-block; } [data-pn-block="2491"] .container { max-width: 1280px; margin: 0 auto; padding: 0 32px; } [data-pn-block="2491"] .reveal { transition: opacity 0.8s var(--ease), transform 0.8s var(--ease); } [data-pn-block="3221"] .fcta { position: relative; overflow: hidden; padding: clamp(62px, 9vw, 120px) 0; background: linear-gradient(150deg, color-mix(in srgb, var(--verdant) 26%, var(--verdant-deep)), var(--verdant-deep)); } [data-pn-block="3221"] .fcta::before { content: ''; position: absolute; top: -34%; right: -8%; width: 460px; height: 460px; background: radial-gradient(circle, color-mix(in srgb, var(--copper) 16%, transparent), transparent 62%); pointer-events: none; } [data-pn-block="3221"] .fcta .container { position: relative; max-width: 1280px; margin: 0 auto; padding: 0 clamp(20px, 4vw, 40px); } [data-pn-block="3221"] .fcta-inner { max-width: 640px; margin: 0 auto; text-align: center; } [data-pn-block="3221"] .fcta-eyebrow { display: inline-flex; align-items: center; gap: 9px; font-size: 0.72rem; letter-spacing: 0.18em; text-transform: uppercase; font-weight: 600; color: var(--copper); margin-bottom: 18px; } [data-pn-block="3221"] .fcta-dot { width: 5px; height: 5px; border-radius: 50%; background: var(--copper); } [data-pn-block="3221"] .fcta-h { font-family: var(--font-display); font-size: clamp(2rem, 4.4vw, 3.2rem); line-height: 1.1; letter-spacing: -0.01em; color: var(--ivory); margin-bottom: 16px; } [data-pn-block="3221"] .fcta-h em { font-style: italic; color: color-mix(in srgb, var(--copper) 78%, var(--ivory)); } [data-pn-block="3221"] .fcta-lede { font-size: 1.05rem; line-height: 1.65; color: color-mix(in srgb, var(--ivory) 72%, transparent); max-width: 48ch; margin: 0 auto 28px; } [data-pn-block="3221"] .fcta-actions { display: flex; flex-wrap: wrap; gap: 12px; justify-content: center; } [data-pn-block="3221"] .fcta-btn { display: inline-flex; align-items: center; gap: 9px; font-size: 0.95rem; font-weight: 600; line-height: 1; padding: 15px 28px; border-radius: 999px; text-decoration: none; cursor: pointer; transition: transform 0.25s var(--ease), background 0.25s var(--ease), border-color 0.25s var(--ease); } [data-pn-block="3221"] .fcta-btn svg { width: 18px; height: 18px; flex: none; } [data-pn-block="3221"] .fcta-btn--solid { background: var(--ivory); color: var(--verdant-deep); } [data-pn-block="3221"] .fcta-btn--solid:hover { transform: translateY(-2px); } [data-pn-block="3221"] .fcta-btn--ghost { background: transparent; color: var(--ivory); border: 1.5px solid color-mix(in srgb, var(--ivory) 38%, transparent); } [data-pn-block="3221"] .fcta-btn--ghost svg { color: var(--copper); } [data-pn-block="3221"] .fcta-btn--ghost:hover { border-color: var(--ivory); background: color-mix(in srgb, var(--ivory) 9%, transparent); } [data-pn-block="3221"] .fcta-phone { display: inline-flex; align-items: center; gap: 8px; margin-top: 22px; font-size: 0.9rem; color: color-mix(in srgb, var(--ivory) 64%, transparent); } [data-pn-block="3221"] .fcta-phone svg { width: 17px; height: 17px; flex: none; color: var(--copper); } [data-pn-block="3221"] .fcta-phone a { color: var(--ivory); font-weight: 600; text-decoration: none; } @media (max-width: 540px) { [data-pn-block="3221"] .fcta-btn { width: 100%; justify-content: center; } } [data-pn-block="2492"] .cards-section { background: var(--ivory); padding: 120px 0; } [data-pn-block="2492"] .cards-section.alt-bg { background: var(--linen); } [data-pn-block="2492"] .cards-head { max-width: 760px; margin: 0 auto 60px; text-align: center; } [data-pn-block="2492"] .cards-head .eyebrow { margin-bottom: 18px; } [data-pn-block="2492"] .cards-head h2 { font-family: var(--font-display); font-size: clamp(2.2rem, 4.4vw, 3.4rem); color: var(--verdant-deep); margin-top: 12px; letter-spacing: -0.03em; line-height: 1.05; } [data-pn-block="2492"] .cards-head h2 em { color: var(--verdant); font-style: italic; font-weight: 300; } [data-pn-block="2492"] .cards-head .lede { color: var(--muted); margin: 22px auto 0; } [data-pn-block="2492"] .cards-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 26px; max-width: 880px; margin: 0 auto; } [data-pn-block="2492"] .cards-2up .cards-grid { grid-template-columns: repeat(2, 1fr); max-width: 880px; gap: 28px; } [data-pn-block="2492"] .card-item { position: relative; overflow: hidden; background: var(--linen); border: 1px solid var(--line-soft); border-radius: 20px; padding: 40px 34px 36px; box-shadow: 0 1px 2px color-mix(in srgb, var(--c-primary) 6%, transparent); transition: transform 0.45s var(--ease), box-shadow 0.45s var(--ease), border-color 0.45s var(--ease); } [data-pn-block="2492"] .cards-section.alt-bg .card-item { background: var(--ivory); } [data-pn-block="2492"] .card-item::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: linear-gradient(90deg, var(--copper), var(--coral)); transform: scaleX(0); transform-origin: left; transition: transform 0.45s var(--ease); } [data-pn-block="2492"] .card-item:hover { transform: translateY(-6px); border-color: var(--copper-soft); box-shadow: var(--shadow-lg); } [data-pn-block="2492"] .card-item:hover::before { transform: scaleX(1); } [data-pn-block="2492"] .card-item .icon { width: 56px; height: 56px; border-radius: 16px; background: linear-gradient(145deg, var(--verdant), var(--verdant-deep)); color: var(--copper); display: grid; place-items: center; margin-bottom: 22px; box-shadow: 0 12px 24px -12px color-mix(in srgb, var(--c-primary) 45%, transparent), inset 0 0 0 1px color-mix(in srgb, var(--c-accent) 20%, transparent); transition: transform 0.45s var(--ease); } [data-pn-block="2492"] .card-item:hover .icon { transform: scale(1.05); } [data-pn-block="2492"] .card-item .icon svg { width: 24px; height: 24px; } [data-pn-block="2492"] .card-item h3 { font-family: var(--font-display); font-size: 1.4rem; color: var(--verdant-deep); font-weight: 600; letter-spacing: -0.02em; margin-bottom: 12px; line-height: 1.2; } [data-pn-block="2492"] .card-item h3 a { color: inherit; } [data-pn-block="2492"] .card-item p { color: var(--muted); font-size: 0.99rem; line-height: 1.68; } @media (max-width: 1024px) { [data-pn-block="2492"] .cards-grid { grid-template-columns: 1fr 1fr; } } @media (max-width: 768px) { [data-pn-block="2492"] .cards-grid, [data-pn-block="2492"] .cards-2up .cards-grid { grid-template-columns: 1fr; } } [data-pn-block="2492"] .container { max-width: 1280px; margin: 0 auto; padding: 0 32px; } [data-pn-block="2492"] .reveal { opacity: 0; transform: translateY(30px); transition: opacity 0.8s var(--ease), transform 0.8s var(--ease); } [data-pn-block="2492"] .container { max-width: 1280px; margin: 0 auto; padding: 0 32px; } [data-pn-block="2492"] .reveal { transition: opacity 0.8s var(--ease), transform 0.8s var(--ease); } [data-pn-block="2492"] .container { max-width: 1280px; margin: 0 auto; padding: 0 32px; } [data-pn-block="2492"] .reveal { transition: opacity 0.8s var(--ease), transform 0.8s var(--ease); } [data-pn-block="2492"] .container { max-width: 1280px; margin: 0 auto; padding: 0 32px; } [data-pn-block="2492"] .reveal { transition: opacity 0.8s var(--ease), transform 0.8s var(--ease); } [data-pn-block="2492"] .eyebrow { font-size: 0.72rem; text-transform: uppercase; letter-spacing: 0.22em; font-weight: 600; color: var(--verdant); display: inline-block; } [data-pn-block="2492"] .eyebrow { font-size: 0.72rem; text-transform: uppercase; letter-spacing: 0.22em; font-weight: 600; color: var(--c-primary); display: inline-block; } [data-pn-block="2492"] .eyebrow { font-size: 0.72rem; text-transform: uppercase; letter-spacing: 0.22em; font-weight: 600; color: var(--c-primary); display: inline-block; } [data-pn-block="2492"] .eyebrow { font-size: 0.72rem; text-transform: uppercase; letter-spacing: 0.22em; font-weight: 600; color: var(--c-primary); display: inline-block; } [data-pn-block="2492"] .container { max-width: 1280px; margin: 0 auto; padding: 0 32px; } [data-pn-block="2492"] .eyebrow { font-size: 0.72rem; text-transform: uppercase; letter-spacing: 0.22em; font-weight: 600; color: var(--c-primary); display: inline-block; } [data-pn-block="2492"] .container { max-width: 1280px; margin: 0 auto; padding: 0 32px; } [data-pn-block="2492"] .reveal { transition: opacity 0.8s var(--ease), transform 0.8s var(--ease); } [data-pn-block="2493"] .final-cta { background: var(--linen); padding: 100px 0 140px; text-align: center; position: relative; overflow: hidden; } [data-pn-block="2493"] .final-cta::before { content: ''; position: absolute; top: -10%; left: -5%; width: 500px; height: 500px; background: radial-gradient(circle, rgba(201, 165, 116, 0.18), transparent 60%); pointer-events: none; } [data-pn-block="2493"] .final-cta-inner { max-width: 880px; margin: 0 auto; position: relative; } [data-pn-block="2493"] .final-cta h2 { margin: 22px auto 24px; color: var(--verdant-deep); text-wrap: balance; } [data-pn-block="2493"] .final-cta h2 em { color: var(--verdant); } [data-pn-block="2493"] .final-cta .lede { margin: 0 auto 48px; max-width: 600px; } [data-pn-block="2493"] .final-cta-phone { font-family: var(--font-display); font-size: clamp(2.4rem, 4.2vw, 3.5rem); color: var(--verdant-deep); font-weight: 500; letter-spacing: -0.03em; display: inline-flex; align-items: center; gap: 16px; margin-bottom: 32px; } [data-pn-block="2493"] .final-cta-phone svg { color: var(--copper); width: 38px; height: 38px; } [data-pn-block="2493"] .final-cta-actions { display: flex; gap: 14px; justify-content: center; flex-wrap: wrap; } [data-pn-block="2493"] .final-cta .note { font-size: 0.9rem; color: var(--muted); margin-top: 24px; } [data-pn-block="2493"] .container { max-width: 1280px; margin: 0 auto; padding: 0 32px; } [data-pn-block="2493"] .reveal { opacity: 0; transform: translateY(30px); transition: opacity 0.8s var(--ease), transform 0.8s var(--ease); } [data-pn-block="2493"] .container { max-width: 1280px; margin: 0 auto; padding: 0 32px; } [data-pn-block="2493"] .reveal { transition: opacity 0.8s var(--ease), transform 0.8s var(--ease); } [data-pn-block="2493"] .container { max-width: 1280px; margin: 0 auto; padding: 0 32px; } [data-pn-block="2493"] .reveal { transition: opacity 0.8s var(--ease), transform 0.8s var(--ease); } [data-pn-block="2493"] .container { max-width: 1280px; margin: 0 auto; padding: 0 32px; } [data-pn-block="2493"] .reveal { transition: opacity 0.8s var(--ease), transform 0.8s var(--ease); } [data-pn-block="2493"] .display { font-family: var(--font-display); font-weight: 400; letter-spacing: -0.038em; line-height: 0.96; font-variation-settings: "opsz" 144; } [data-pn-block="2493"] .display em { font-style: italic; font-weight: 300; } [data-pn-block="2493"] h1.display { font-size: clamp(3.2rem, 7.5vw, 7rem); } [data-pn-block="2493"] h2.display { font-size: clamp(2.4rem, 5.5vw, 4.8rem); line-height: 1; } [data-pn-block="2493"] h3.display { font-size: clamp(1.6rem, 2.8vw, 2.4rem); line-height: 1.05; } [data-pn-block="2493"] .display { font-family: var(--font-heading); font-weight: 400; letter-spacing: -0.038em; line-height: 0.96; font-variation-settings: "opsz" 144; } [data-pn-block="2493"] .display em { font-style: italic; font-weight: 300; color: var(--heading-em-color); } [data-pn-block="2493"] h1.display { font-size: clamp(3.2rem, 7.5vw, 7rem); } [data-pn-block="2493"] h2.display { font-size: clamp(2.4rem, 5.5vw, 4.8rem); line-height: 1; } [data-pn-block="2493"] h3.display { font-size: clamp(1.6rem, 2.8vw, 2.4rem); line-height: 1.05; } [data-pn-block="2493"] .display { font-family: var(--font-heading); font-weight: 400; letter-spacing: -0.038em; line-height: 0.96; font-variation-settings: "opsz" 144; } [data-pn-block="2493"] .display em { font-style: italic; font-weight: 300; color: var(--heading-em-color); } [data-pn-block="2493"] h1.display { font-size: clamp(3.2rem, 7.5vw, 7rem); } [data-pn-block="2493"] h2.display { font-size: clamp(2.4rem, 5.5vw, 4.8rem); line-height: 1; } [data-pn-block="2493"] h3.display { font-size: clamp(1.6rem, 2.8vw, 2.4rem); line-height: 1.05; } [data-pn-block="2493"] .display { font-family: var(--font-heading); font-weight: 400; letter-spacing: -0.038em; line-height: 0.96; font-variation-settings: "opsz" 144; } [data-pn-block="2493"] .display em { font-style: italic; font-weight: 300; color: var(--heading-em-color); } [data-pn-block="2493"] h1.display { font-size: clamp(3.2rem, 7.5vw, 7rem); } [data-pn-block="2493"] h2.display { font-size: clamp(2.4rem, 5.5vw, 4.8rem); line-height: 1; } [data-pn-block="2493"] h3.display { font-size: clamp(1.6rem, 2.8vw, 2.4rem); line-height: 1.05; } [data-pn-block="2493"] .eyebrow { font-size: 0.72rem; text-transform: uppercase; letter-spacing: 0.22em; font-weight: 600; color: var(--verdant); display: inline-block; } [data-pn-block="2493"] .eyebrow { font-size: 0.72rem; text-transform: uppercase; letter-spacing: 0.22em; font-weight: 600; color: var(--c-primary); display: inline-block; } [data-pn-block="2493"] .eyebrow { font-size: 0.72rem; text-transform: uppercase; letter-spacing: 0.22em; font-weight: 600; color: var(--c-primary); display: inline-block; } [data-pn-block="2493"] .eyebrow { font-size: 0.72rem; text-transform: uppercase; letter-spacing: 0.22em; font-weight: 600; color: var(--c-primary); display: inline-block; } [data-pn-block="2493"] .lede { font-size: clamp(1.12rem, 1.5vw, 1.32rem); line-height: 1.55; color: var(--ink-soft); max-width: 540px; } [data-pn-block="2493"] .lede strong { color: var(--coral); font-weight: 500; } [data-pn-block="2493"] .lede { font-size: clamp(1.12rem, 1.5vw, 1.32rem); line-height: 1.55; color: var(--c-text-soft); max-width: 540px; } [data-pn-block="2493"] .lede strong { color: var(--c-secondary); font-weight: 500; } [data-pn-block="2493"] .lede { font-size: clamp(1.12rem, 1.5vw, 1.32rem); line-height: 1.55; color: var(--c-text-soft); max-width: 540px; } [data-pn-block="2493"] .lede strong { color: var(--c-secondary); font-weight: 500; } [data-pn-block="2493"] .lede { font-size: clamp(1.12rem, 1.5vw, 1.32rem); line-height: 1.55; color: var(--c-text-soft); max-width: 540px; } [data-pn-block="2493"] .lede strong { color: var(--c-secondary); font-weight: 500; } [data-pn-block="2493"] .btn { display: inline-flex; align-items: center; gap: 10px; padding: 16px 32px; font-size: 0.95rem; font-weight: 500; border-radius: 50px; transition: all 0.3s var(--ease); border: 1px solid transparent; cursor: pointer; } [data-pn-block="2493"] .btn { display: inline-flex; align-items: center; gap: 10px; padding: 16px 32px; font-size: 0.95rem; font-weight: 500; border-radius: 50px; transition: all 0.3s var(--ease); border: 1px solid transparent; cursor: pointer; } [data-pn-block="2493"] .btn svg { width: 14px; height: 14px; } [data-pn-block="2493"] .btn { display: inline-flex; align-items: center; gap: 10px; padding: 16px 32px; font-size: 0.95rem; font-weight: 500; border-radius: 50px; transition: all 0.3s var(--ease); border: 1px solid transparent; cursor: pointer; } [data-pn-block="2493"] .btn svg { width: 14px; height: 14px; } [data-pn-block="2493"] .btn { display: inline-flex; align-items: center; gap: 10px; padding: 16px 32px; font-size: 0.95rem; font-weight: 500; border-radius: 50px; transition: all 0.3s var(--ease); border: 1px solid transparent; cursor: pointer; } [data-pn-block="2493"] .btn svg { width: 14px; height: 14px; } [data-pn-block="2493"] .btn-verdant { background: var(--verdant); color: var(--ivory); } [data-pn-block="2493"] .btn-verdant:hover { background: var(--verdant-deep); transform: translateY(-1px); box-shadow: 0 12px 30px -8px rgba(31, 58, 46, 0.45); } [data-pn-block="2493"] .btn-verdant { background: var(--c-primary); color: var(--c-surface); } [data-pn-block="2493"] .btn-verdant:hover { background: var(--c-primary-deep); transform: translateY(-1px); box-shadow: 0 12px 30px -8px rgba(31, 58, 46, 0.45); } [data-pn-block="2493"] .btn-verdant { background: var(--c-primary); color: var(--c-surface); } [data-pn-block="2493"] .btn-verdant:hover { background: var(--c-primary-deep); transform: translateY(-1px); box-shadow: 0 12px 30px -8px rgba(31, 58, 46, 0.45); } [data-pn-block="2493"] .btn-verdant { background: var(--c-primary); color: var(--c-surface); } [data-pn-block="2493"] .btn-verdant:hover { background: var(--c-primary-deep); transform: translateY(-1px); box-shadow: 0 12px 30px -8px rgba(31, 58, 46, 0.45); } [data-pn-block="2493"] .btn-outline { border-color: var(--ink); color: var(--ink); } [data-pn-block="2493"] .btn-outline:hover { background: var(--ink); color: var(--ivory); } [data-pn-block="2493"] .btn-outline { border-color: var(--c-text); color: var(--c-text); } [data-pn-block="2493"] .btn-outline:hover { background: var(--c-text); color: var(--c-surface); } [data-pn-block="2493"] .btn-outline { border-color: var(--c-text); color: var(--c-text); } [data-pn-block="2493"] .btn-outline:hover { background: var(--c-text); color: var(--c-surface); } [data-pn-block="2493"] .btn-outline { border-color: var(--c-text); color: var(--c-text); } [data-pn-block="2493"] .btn-outline:hover { background: var(--c-text); color: var(--c-surface); } [data-pn-block="2493"] .container { max-width: 1280px; margin: 0 auto; padding: 0 32px; } [data-pn-block="2493"] .display { font-family: var(--font-heading); font-weight: 400; letter-spacing: -0.038em; line-height: 0.96; font-variation-settings: "opsz" 144; } [data-pn-block="2493"] .display em { font-style: italic; font-weight: 300; color: var(--heading-em-color); } [data-pn-block="2493"] h1.display { font-size: clamp(3.2rem, 7.5vw, 7rem); } [data-pn-block="2493"] h2.display { font-size: clamp(2.4rem, 5.5vw, 4.8rem); line-height: 1; } [data-pn-block="2493"] h3.display { font-size: clamp(1.6rem, 2.8vw, 2.4rem); line-height: 1.05; } [data-pn-block="2493"] .eyebrow { font-size: 0.72rem; text-transform: uppercase; letter-spacing: 0.22em; font-weight: 600; color: var(--c-primary); display: inline-block; } [data-pn-block="2493"] .lede { font-size: clamp(1.12rem, 1.5vw, 1.32rem); line-height: 1.55; color: var(--c-text-soft); max-width: 540px; } [data-pn-block="2493"] .lede strong { color: var(--c-secondary); font-weight: 500; } [data-pn-block="2493"] .btn-outline { border-color: var(--c-text); color: var(--c-text); } [data-pn-block="2493"] .btn-outline:hover { background: var(--c-text); color: var(--c-surface); } [data-pn-block="2493"] .container { max-width: 1280px; margin: 0 auto; padding: 0 32px; } [data-pn-block="2493"] .reveal { transition: opacity 0.8s var(--ease), transform 0.8s var(--ease); } [data-pn-block="2493"] .btn { display: inline-flex; align-items: center; gap: 10px; padding: 16px 32px; font-size: 0.95rem; font-weight: 500; border-radius: 50px; transition: all 0.3s var(--ease); border: 1px solid transparent; cursor: pointer; } [data-pn-block="2493"] .btn svg { width: 14px; height: 14px; } [data-pn-block="2493"] .btn-verdant { background: var(--c-primary); color: var(--c-surface); } [data-pn-block="2493"] .btn-verdant:hover { background: var(--c-primary-deep); transform: translateY(-1px); box-shadow: 0 12px 30px -8px rgba(31, 58, 46, 0.45); } [data-pn-block="779"] .footer-amelia { background: var(--verdant-deep); color: rgba(237, 231, 219, 0.7); padding: 90px 0 30px; display: block; } [data-pn-block="779"] .footer-amelia .footer-grid { display: grid; grid-template-columns: 1.4fr 1fr 1fr 1fr; gap: 48px; margin-bottom: 50px; } [data-pn-block="779"] .footer-amelia .logo { display: flex; align-items: center; gap: 12px; margin-bottom: 22px; } [data-pn-block="779"] .footer-amelia .logo-mark { width: 40px; height: 40px; background: var(--verdant); border-radius: 50%; display: grid; place-items: center; color: var(--ivory); font-family: var(--font-display); font-style: italic; font-size: 1.35rem; font-weight: 500; } [data-pn-block="779"] .footer-amelia .footer-brand .logo-text { font-family: var(--font-display); font-size: 1.5rem; font-weight: 500; color: var(--linen); letter-spacing: -0.025em; } [data-pn-block="779"] .footer-amelia .footer-brand p { font-size: 0.92rem; line-height: 1.65; margin-bottom: 18px; } [data-pn-block="779"] .footer-amelia .footer-brand p:last-child { color: var(--copper); font-weight: 500; } [data-pn-block="779"] .footer-amelia .footer-col h6 { color: var(--linen); font-size: 0.76rem; text-transform: uppercase; letter-spacing: 0.16em; margin-bottom: 20px; font-weight: 600; } [data-pn-block="779"] .footer-amelia .footer-col ul { list-style: none; margin: 0; padding: 0; } [data-pn-block="779"] .footer-amelia .footer-col li { margin-bottom: 11px; } [data-pn-block="779"] .footer-amelia .footer-col a { color: rgba(237, 231, 219, 0.65); font-size: 0.92rem; transition: color 0.2s; } [data-pn-block="779"] .footer-amelia .footer-col a:hover { color: var(--copper); } [data-pn-block="779"] .footer-amelia .footer-col .footer-phone { color: var(--copper); font-weight: 600; } [data-pn-block="779"] .footer-amelia .footer-address { font-size: 0.86rem; line-height: 1.7; margin-bottom: 16px; } [data-pn-block="779"] .footer-amelia .footer-address strong { color: var(--linen); display: block; margin-bottom: 4px; font-weight: 600; } [data-pn-block="779"] .footer-amelia .footer-bottom { padding-top: 28px; border-top: 1px solid rgba(237, 231, 219, 0.1); display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 16px; font-size: 0.82rem; } @media (max-width: 900px) { [data-pn-block="779"] .footer-amelia .footer-grid { grid-template-columns: 1fr 1fr; gap: 36px; } } @media (max-width: 600px) { [data-pn-block="779"] .footer-amelia .footer-grid { grid-template-columns: 1fr; } } @font-face { font-family: 'Fraunces'; font-style: normal; font-weight: 300; font-display: swap; src: url(/storage/projects/5/fonts/6a8370661dae1863.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: 'Fraunces'; font-style: normal; font-weight: 400; font-display: swap; src: url(/storage/projects/5/fonts/6a8370661dae1863.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: 'Fraunces'; font-style: normal; font-weight: 500; font-display: swap; src: url(/storage/projects/5/fonts/6a8370661dae1863.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: 'Fraunces'; font-style: normal; font-weight: 600; font-display: swap; src: url(/storage/projects/5/fonts/6a8370661dae1863.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: 'Fraunces'; font-style: normal; font-weight: 700; font-display: swap; src: url(/storage/projects/5/fonts/6a8370661dae1863.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: 'Inter'; font-style: normal; font-weight: 300; font-display: swap; src: url(/storage/projects/5/fonts/e3237528af752eed.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: 'Inter'; font-style: normal; font-weight: 400; font-display: swap; src: url(/storage/projects/5/fonts/e3237528af752eed.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: 'Inter'; font-style: normal; font-weight: 500; font-display: swap; src: url(/storage/projects/5/fonts/e3237528af752eed.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: 'Inter'; font-style: normal; font-weight: 600; font-display: swap; src: url(/storage/projects/5/fonts/e3237528af752eed.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: 'Inter'; font-style: normal; font-weight: 700; font-display: swap; src: url(/storage/projects/5/fonts/e3237528af752eed.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 { --linen: var(--pn-brand-secondary); --linen-deep: var(--pn-brand-dark); --sandstone: var(--pn-brand-brand-5); --ivory: var(--pn-brand-brand-6); --verdant: var(--pn-brand-primary); --verdant-deep: var(--pn-brand-accent); --copper: var(--pn-brand-brand-7); --copper-soft: var(--pn-brand-brand-8); --coral: var(--pn-brand-brand-9); --coral-soft: var(--pn-brand-brand-10); --ink: var(--pn-brand-brand-11); --ink-soft: var(--pn-brand-brand-12); --muted: var(--pn-brand-brand-13); --muted-soft: var(--pn-brand-brand-14); --line: var(--pn-brand-brand-15); --line-soft: var(--pn-brand-brand-16); --font-display: 'Fraunces', serif; --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif; --ease: cubic-bezier(0.22, 1, 0.36, 1); } body { font-family: var(--font-sans); background: var(--linen); color: var(--ink); line-height: 1.55; -webkit-font-smoothing: antialiased; overflow-x: hidden; } ::selection { background: var(--verdant); color: var(--ivory); } @media (max-width: 700px) { .container { padding: 0 20px; } } .ph-tag { background: var(--verdant); color: var(--ivory); padding: 5px 12px; border-radius: 30px; font-size: 0.65rem; font-weight: 700; letter-spacing: 0.15em; text-transform: uppercase; margin-bottom: 14px; font-family: var(--font-sans); } .ph-desc { font-family: var(--font-display); font-style: italic; font-size: 0.95rem; line-height: 1.4; max-width: 360px; color: var(--verdant); } .ph-dims { font-family: var(--font-sans); font-size: 0.7rem; color: var(--muted); margin-top: 10px; letter-spacing: 0.05em; } @media (max-width: 768px) { .container { padding: 0 20px; } .nav-links, .nav-inner > .nav-cta { display: none; } .nav-burger { display: flex; } .footer-grid { grid-template-columns: 1fr 1fr; gap: 36px; } } @media (max-width: 540px) { .footer-grid { grid-template-columns: 1fr; } } @media (max-width: 768px) { .container { padding: 0 20px; } .nav-links, .nav-inner > .nav-cta { display: none; } .nav-burger { display: flex; } .footer-grid { grid-template-columns: 1fr 1fr; gap: 36px; } } @media (max-width: 540px) { .hd{display:none} .footer-grid { grid-template-columns: 1fr; } } @media (max-width: 768px) { .container { padding: 0 20px; } .nav-links, .nav-inner > .nav-cta { display: none; } .nav-burger { display: flex; } .footer-grid { grid-template-columns: 1fr 1fr; gap: 36px; } } @media (max-width: 540px) { .footer-grid { grid-template-columns: 1fr; } } @media (max-width: 900px) { .pslide { flex-basis: 84%; } .pslider-track { padding: 22px 8% 8px; } .pslider-btn { width: 44px; height: 44px; } .pslide .process-step { grid-template-columns: 1fr; } .pstep-photo { grid-column: 1; grid-row: auto; margin: 0 0 18px; min-height: 180px; } } @media (prefers-reduced-motion: reduce) { .pslide, .pslider-btn, .pdot { transition: none !important; } .pslider-track { scroll-behavior: auto; } } :root { --c-primary: var(--pn-brand-primary); --c-primary-deep: var(--pn-brand-accent); --c-accent: var(--pn-brand-brand-7); --c-accent-soft: var(--pn-brand-brand-8); --c-secondary: var(--pn-brand-brand-9); --c-secondary-soft: var(--pn-brand-brand-10); --c-bg: var(--pn-brand-secondary); --c-bg-deep: var(--pn-brand-dark); --c-surface: var(--pn-brand-brand-6); --c-surface-2: var(--pn-brand-brand-5); --c-text: var(--pn-brand-brand-11); --c-text-soft: var(--pn-brand-brand-12); --c-muted: var(--pn-brand-brand-13); --c-muted-soft: var(--pn-brand-brand-14); --c-border: var(--pn-brand-brand-15); --c-border-soft: var(--pn-brand-brand-16); --heading-em-color: var(--c-primary); --font-heading: 'Fraunces', serif; --font-body: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif; --ease: cubic-bezier(0.22, 1, 0.36, 1); --shadow: 0 12px 40px -8px rgba(var(--pn-brand-primary-rgb), 0.12); --shadow-lg: 0 30px 80px -20px rgba(var(--pn-brand-primary-rgb), 0.2); --linen: var(--c-bg); --linen-deep: var(--c-bg-deep); --sandstone: var(--c-surface-2); --ivory: var(--c-surface); --verdant: var(--c-primary); --verdant-deep: var(--c-primary-deep); --copper: var(--c-accent); --copper-soft: var(--c-accent-soft); --coral: var(--c-secondary); --coral-soft: var(--c-secondary-soft); --ink: var(--c-text); --ink-soft: var(--c-text-soft); --muted: var(--c-muted); --muted-soft: var(--c-muted-soft); --line: var(--c-border); --line-soft: var(--c-border-soft); --font-display: var(--font-heading); --font-sans: var(--font-body); } * { margin: 0; padding: 0; box-sizing: border-box; } html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; } body { font-family: var(--font-body); background: var(--c-bg); color: var(--c-text); line-height: 1.55; -webkit-font-smoothing: antialiased; overflow-x: hidden; } ::selection { background: var(--c-primary); color: var(--c-surface); } a { color: inherit; text-decoration: none; cursor: pointer; } img, svg { display: block; max-width: 100%; } button { font-family: inherit; cursor: pointer; border: 0; background: transparent; } h1, h2, h3, h4, h5, h6 { font-weight: 400; } .topbar { background: var(--c-primary-deep); color: var(--c-bg); font-size: 0.78rem; padding: 10px 0; text-align: center; letter-spacing: 0.04em; } .topbar strong { color: var(--c-accent); font-weight: 500; } .nav { position: sticky; top: 0; z-index: 100; background: rgba(var(--pn-brand-secondary-rgb), 0.94); backdrop-filter: saturate(180%) blur(20px); -webkit-backdrop-filter: saturate(180%) blur(20px); border-bottom: 1px solid rgba(var(--pn-brand-primary-rgb), 0.08); transition: padding 0.3s var(--ease); } .nav-inner { display: flex; align-items: center; justify-content: space-between; padding: 20px 0; gap: 20px; } .logo { display: flex; align-items: center; gap: 12px; } .logo-mark { width: 40px; height: 40px; background: var(--c-primary); border-radius: 50%; display: grid; place-items: center; color: var(--c-surface); font-family: var(--font-heading); font-style: italic; font-size: 1.35rem; font-weight: 500; } .logo-text { font-family: var(--font-heading); font-size: 1.5rem; font-weight: 500; color: var(--c-primary-deep); letter-spacing: -0.025em; } .nav-links { display: flex; gap: 36px; align-items: center; list-style: none; } .nav-links a { font-size: 0.92rem; color: var(--c-text); font-weight: 500; transition: color 0.2s; position: relative; } .nav-links a::after { content: ''; position: absolute; bottom: -4px; left: 0; width: 0; height: 1.5px; background: var(--c-primary); transition: width 0.3s var(--ease); } .nav-links a:hover, .nav-links a.is-active { color: var(--c-primary); } .nav-links a:hover::after, .nav-links a.is-active::after { width: 100%; } .nav-cta { display: inline-flex; align-items: center; gap: 8px; padding: 13px 26px; background: var(--c-primary); color: var(--c-surface); font-size: 0.88rem; font-weight: 500; border-radius: 50px; transition: all 0.3s var(--ease); } .nav-cta:hover { background: var(--c-primary-deep); transform: translateY(-1px); box-shadow: 0 10px 25px -8px rgba(var(--pn-brand-primary-rgb), 0.4); } .nav-cta svg { width: 13px; height: 13px; } .nav-burger { display: none; flex-direction: column; gap: 5px; width: 44px; height: 44px; align-items: center; justify-content: center; border-radius: 12px; } .nav-burger span { width: 22px; height: 2px; background: var(--c-primary-deep); border-radius: 2px; transition: transform 0.3s var(--ease), opacity 0.2s; } .nav-drawer { position: fixed; inset: 0 0 0 auto; width: min(86vw, 360px); background: var(--c-surface); z-index: 200; transform: translateX(100%); transition: transform 0.4s var(--ease); display: flex; flex-direction: column; padding: 28px 26px; box-shadow: -20px 0 60px -20px rgba(var(--pn-brand-primary-rgb), 0.35); overflow-y: auto; } .nav-drawer.is-open { transform: translateX(0); } .nav-drawer-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 28px; } .nav-drawer-close { width: 40px; height: 40px; display: grid; place-items: center; border-radius: 50%; border: 1px solid var(--c-border); color: var(--c-primary-deep); font-size: 1.2rem; } .nav-drawer ul { list-style: none; display: flex; flex-direction: column; gap: 4px; } .nav-drawer a { display: block; padding: 14px 12px; font-family: var(--font-heading); font-size: 1.2rem; color: var(--c-primary-deep); border-bottom: 1px solid var(--c-border-soft); } .nav-drawer a.is-active { color: var(--c-primary); } .nav-drawer .nav-cta { margin-top: 22px; justify-content: center; } .nav-scrim { position: fixed; inset: 0; background: rgba(var(--pn-brand-accent-rgb), 0.45); z-index: 150; opacity: 0; visibility: hidden; transition: opacity 0.3s; } .nav-scrim.is-open { opacity: 1; visibility: visible; } body.nav-locked { overflow: hidden; } .site-footer { background: var(--c-primary-deep); color: rgba(var(--pn-brand-secondary-rgb), 0.7); padding: 90px 0 30px; } .footer-grid { display: grid; grid-template-columns: 1.4fr 1fr 1fr 1fr; gap: 48px; margin-bottom: 50px; } .footer-brand .logo { margin-bottom: 22px; } .footer-brand .logo-text { color: var(--c-bg); } .footer-brand p { font-size: 0.92rem; line-height: 1.65; margin-bottom: 18px; } .footer-brand p:last-child { color: var(--c-accent); font-weight: 500; } .footer-col h6 { color: var(--c-bg); font-size: 0.76rem; text-transform: uppercase; letter-spacing: 0.16em; margin-bottom: 20px; font-weight: 600; } .footer-col ul { list-style: none; } .footer-col li { margin-bottom: 11px; } .footer-col .footer-menu { display: flex; flex-direction: column; gap: 11px; } .footer-col .footer-menu a { display: block; } .footer-brand .footer-contact { font-weight: 500; } .footer-col a { color: rgba(var(--pn-brand-secondary-rgb), 0.65); font-size: 0.92rem; transition: color 0.2s; }.pn-newshub__grid.bb{background: #fff!important} .footer-col a:hover { color: var(--c-accent); } .footer-col .footer-phone { color: var(--c-accent); font-weight: 600; } .footer-address { font-size: 0.86rem; line-height: 1.7; margin-bottom: 16px; } .footer-address strong { color: var(--c-bg); display: block; margin-bottom: 4px; font-weight: 600; } .footer-bottom { padding-top: 28px; border-top: 1px solid rgba(var(--pn-brand-secondary-rgb), 0.1); display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 16px; font-size: 0.82rem; } @media (max-width: 768px) { .container { padding: 0 20px; } .nav-links, .nav-inner > .nav-cta { display: none; } .nav-burger { display: flex; } .footer-grid { grid-template-columns: 1fr 1fr; gap: 36px; } } @media (max-width: 540px) { .footer-grid { grid-template-columns: 1fr; } } .pslider-track { display: flex; gap: 24px; align-items: stretch; overflow-x: auto; overflow-y: hidden; scroll-snap-type: x mandatory; scroll-behavior: smooth; padding: 30px 15% 10px; scrollbar-width: none; -ms-overflow-style: none; } .pslider-track::-webkit-scrollbar { display: none; } .pslide { flex: 0 0 70%; scroll-snap-align: center; display: flex; opacity: 0.4; transform: scale(0.93); transition: opacity 0.45s var(--ease), transform 0.45s var(--ease); } .pslide.is-active { opacity: 1; transform: scale(1); } .pslide .process-step { grid-template-columns: 0.7fr 80px 1fr; align-items: stretch; } .pstep-photo { grid-column: 1; grid-row: 1 / -1; margin: 0 30px 0 0; min-height: 100%; align-self: stretch; } .pslide > .process-step { width: 100%; height: 100%; } .pslide.is-active > .process-step { box-shadow: var(--shadow-lg); border-color: var(--copper-soft); } .pslider-btn { position: absolute; top: 44%; transform: translateY(-50%); z-index: 5; width: 52px; height: 52px; border-radius: 50%; background: var(--ivory); border: 1px solid var(--line); color: var(--verdant-deep); display: grid; place-items: center; box-shadow: var(--shadow); transition: background 0.3s var(--ease), color 0.3s var(--ease), transform 0.3s var(--ease), opacity 0.3s var(--ease); } .pslider-btn:hover { background: var(--verdant); color: var(--ivory); border-color: var(--verdant); transform: translateY(-50%) scale(1.07); } .pslider-btn svg { width: 20px; height: 20px; } .pslider-btn.is-hidden { opacity: 0; pointer-events: none; } .pdot { width: 9px; height: 9px; padding: 0; border: 0; border-radius: 50%; background: var(--line); cursor: pointer; transition: all 0.35s var(--ease); } .pdot:hover { background: var(--copper); } .pdot.is-active { width: 28px; border-radius: 5px; background: var(--verdant); } @media (max-width: 900px) { .pslide { flex-basis: 84%; } .pslider-track { padding: 22px 8% 8px; } .pslider-btn { width: 44px; height: 44px; } .pslide .process-step { grid-template-columns: 1fr; } .pstep-photo { grid-column: 1; grid-row: auto; margin: 0 0 18px; min-height: 180px; } } @media (prefers-reduced-motion: reduce) { .pslide, .pslider-btn, .pdot { transition: none !important; } .pslider-track { scroll-behavior: auto; } } :root { --font-heading: 'Fraunces', serif; --font-body: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif; --font-display: var(--font-heading); --font-sans: var(--font-body); --ease: cubic-bezier(0.22, 1, 0.36, 1); --shadow: 0 12px 40px -8px color-mix(in srgb, var(--c-primary) 14%, transparent); --shadow-lg: 0 30px 80px -20px color-mix(in srgb, var(--c-primary) 22%, transparent); --heading-em-color: var(--c-primary); } .ph-cap { position: absolute; inset: 0; z-index: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 28px; color: var(--c-primary); } .ph-tag { background: var(--c-primary); color: var(--c-surface); padding: 5px 12px; border-radius: 30px; font-size: 0.65rem; font-weight: 700; letter-spacing: 0.15em; text-transform: uppercase; margin-bottom: 14px; } .ph-desc { font-family: var(--font-heading); font-style: italic; font-size: 0.95rem; line-height: 1.4; max-width: 360px; } .ph-dims { font-size: 0.7rem; color: var(--c-muted); margin-top: 10px; letter-spacing: 0.05em; } html.js-reveal .reveal { opacity: 0; transform: translateY(30px); } html.js-reveal .reveal.in { opacity: 1; transform: translateY(0); } [id] { scroll-margin-top: 96px; } a.btn { transition: transform .25s cubic-bezier(.22,1,.36,1), box-shadow .25s cubic-bezier(.22,1,.36,1), background .25s, border-color .25s, color .25s; } a.btn.btn-verdant { box-shadow: 0 8px 20px -10px color-mix(in srgb, var(--verdant-deep) 50%, transparent); } a.btn.btn-verdant:hover { transform: translateY(-2px); box-shadow: 0 16px 34px -12px color-mix(in srgb, var(--verdant-deep) 62%, transparent); } a.btn.btn-verdant svg { transition: transform .25s cubic-bezier(.22,1,.36,1); } a.btn.btn-verdant:hover svg { transform: translateX(4px); } a.btn.btn-outline { border: 1.5px solid color-mix(in srgb, var(--verdant) 26%, transparent); } a.btn.btn-outline:hover { border-color: var(--copper); background: color-mix(in srgb, var(--copper) 12%, transparent); color: var(--verdant-deep); } .footer-amelia .footer-menu, .footer-col .footer-menu { padding-left: 0 !important; padding-inline-start: 0 !important; margin-left: 0 !important; } .footer-amelia .footer-menu a, .footer-col .footer-menu a { padding-left: 0 !important; } @media (max-width: 900px) { .page-hero { padding-top: 0 !important; padding-bottom: 30px !important; } .page-hero > .container { padding-left: 0 !important; padding-right: 0 !important; max-width: 100% !important; } .page-hero-grid { grid-template-columns: 1fr !important; gap: 18px !important; } .page-hero-photo { order: -1; padding: 0 !important; margin: 0 !important; } .page-hero-photo .ph { min-height: 0 !important; height: clamp(290px, 42vw, 420px) !important; width: 100% !important; border-radius: 0 !important; margin: 0 !important; } .page-hero-grid > div:not(.page-hero-photo) { padding-left: clamp(20px, 4.5vw, 40px) !important; padding-right: clamp(20px, 4.5vw, 40px) !important; } .page-hero .crumbs { margin-bottom: 14px !important; } .page-hero .eyebrow { margin-bottom: 10px !important; } .page-hero h1 { font-size: clamp(36px, 5.4vw, 50px) !important; line-height: 1.08 !important; margin-bottom: 14px !important; } .page-hero .lede { font-size: 15px !important; line-height: 1.5 !important; margin-bottom: 18px !important; } .page-hero-actions { gap: 10px !important; } .page-hero-meta { margin-top: 36px !important; padding-top: 28px !important; gap: 20px 16px !important; } } @media (max-width:600px){.final-cta .final-cta-inner .final-cta-phone{font-size:clamp(1.5rem,6.5vw,2rem);gap:10px}.final-cta .final-cta-inner .final-cta-phone svg{width:26px;height:26px}} @media (max-width:600px){.contact-section .pnf-wrap,.final-cta .pnf-wrap{padding-left:0;padding-right:0}} @media (min-width: 768px) { .nav-inner .nav-links { flex-wrap: nowrap; } .nav-inner .nav-links a { white-space: nowrap; } } @media (max-width: 768px) { .container { padding: 0 10px; } } @media (max-width: 767px) { .nav-inner { display: grid; grid-template-columns: 1fr auto 0; gap: 13px; } .nav-inner > .logo { justify-self: start; } .nav-inner .nav-links { display: none; } .nav-inner > .nav-cta { display: inline-flex; justify-self: center; margin-right: 29px; padding: 7px 14px; font-size: 0.78rem; } .nav-inner .nav-burger { display: flex; justify-self: end; } } :root { --linen: var(--c-bg); --linen-deep: var(--c-bg-deep); --sandstone: var(--c-surface-2); --ivory: var(--c-surface); --verdant: var(--c-primary); --verdant-deep: var(--c-primary-deep); --copper: var(--c-accent); --copper-soft: var(--c-accent-soft); --coral: var(--c-secondary); --coral-soft: var(--c-secondary-soft); --ink: var(--c-text); --ink-soft: var(--c-text-soft); --muted: var(--c-muted); --muted-soft: var(--c-muted-soft); --line: var(--c-border); --line-soft: var(--c-border-soft); --font-display: var(--font-heading); --font-sans: var(--font-body); --ease: cubic-bezier(0.22, 1, 0.36, 1); --c-primary: var(--pn-brand-primary); --c-primary-deep: var(--pn-brand-accent); --c-accent: var(--pn-brand-brand-7); --c-accent-soft: var(--pn-brand-brand-8); --c-secondary: var(--pn-brand-brand-9); --c-secondary-soft: var(--pn-brand-brand-10); --c-bg: var(--pn-brand-secondary); --c-bg-deep: var(--pn-brand-dark); --c-surface: var(--pn-brand-brand-6); --c-surface-2: var(--pn-brand-brand-5); --c-text: var(--pn-brand-brand-11); --c-text-soft: var(--pn-brand-brand-12); --c-muted: var(--pn-brand-brand-13); --c-muted-soft: var(--pn-brand-brand-14); --c-border: var(--pn-brand-brand-15); --c-border-soft: var(--pn-brand-brand-16); --heading-em-color: var(--c-primary); --font-heading: 'Fraunces', serif; --font-body: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif; --shadow: 0 12px 40px -8px color-mix(in srgb, var(--c-primary) 14%, transparent); --shadow-lg: 0 30px 80px -20px color-mix(in srgb, var(--c-primary) 22%, transparent); } .pdc-wrap{max-width:1280px;margin:0 auto;padding:0 clamp(20px,4vw,40px)} .pdc-eyebrow{display:inline-block;font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;font-weight:700;color:var(--verdant)} .pdc-btn{display:inline-flex;align-items:center;gap:9px;font-weight:600;font-size:.95rem;line-height:1;padding:15px 28px;border-radius:999px;cursor:pointer;text-decoration:none;transition:transform .25s var(--ease),box-shadow .25s var(--ease),background .25s var(--ease),border-color .25s var(--ease)} .pdc-btn svg{width:18px;height:18px;flex:none} .pdc-btn-verdant{background:var(--verdant);color:var(--ivory);box-shadow:0 10px 24px -10px color-mix(in srgb,var(--verdant-deep) 55%,transparent)} .pdc-btn-verdant:hover{transform:translateY(-2px)} .pdc-btn-outline{background:transparent;color:var(--verdant);border:1.5px solid var(--line)} .pdc-btn-outline:hover{border-color:var(--verdant)} .pdc-sec{padding:clamp(64px,8vw,116px) 0} .pdc-bg-ivory{background:var(--ivory)} .pdc-bg-linen{background:var(--linen)} .pdc-sec-head{max-width:760px;margin:0 auto clamp(40px,5vw,60px);text-align:center} .pdc-sec-head .pdc-eyebrow{margin-bottom:16px} .pdc-sec-head h2{font-family:var(--font-display);font-weight:400;font-size:clamp(2.1rem,4.4vw,3.2rem);color:var(--verdant-deep);letter-spacing:-.03em;line-height:1.05;margin:10px 0 0} .pdc-sec-head h2 em{color:var(--verdant);font-style:italic;font-weight:300} .pdc-sec-head .pdc-lede{color:var(--muted);font-size:1.06rem;line-height:1.7;margin:20px auto 0} .pdc-ph-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block} .pdc-hero{background:var(--linen);padding:clamp(56px,7vw,92px) 0 clamp(60px,7vw,84px);position:relative;overflow:hidden} .pdc-hero::before{content:'';position:absolute;top:-20%;right:-8%;width:560px;height:560px;background:radial-gradient(circle,color-mix(in srgb,var(--copper) 18%,transparent),transparent 60%);pointer-events:none} .pdc-hero .pdc-eyebrow{margin-bottom:22px} .pdc-hero h1{font-family:var(--font-display);font-weight:400;letter-spacing:-.034em;line-height:1;font-size:clamp(2.5rem,5.2vw,4.4rem);color:var(--verdant-deep);margin:0 0 26px} .pdc-hero h1 em{font-style:italic;font-weight:300;color:var(--verdant)} .pdc-hero .pdc-lede{margin:0 0 34px;max-width:620px;font-size:1.1rem;line-height:1.7;color:var(--ink-soft)} .pdc-hero .pdc-lede strong{color:var(--verdant-deep);font-weight:600} .pdc-proc{position:relative;overflow:hidden;color:var(--ivory);background:linear-gradient(160deg,color-mix(in srgb,var(--verdant) 32%,var(--verdant-deep)),var(--verdant-deep));padding:clamp(64px,8vw,116px) 0} .pdc-proc::before{content:'';position:absolute;top:-28%;right:-8%;width:520px;height:520px;background:radial-gradient(circle,color-mix(in srgb,var(--copper) 20%,transparent),transparent 62%);pointer-events:none} .pdc-proc::after{content:'';position:absolute;bottom:-30%;left:-10%;width:480px;height:480px;background:radial-gradient(circle,color-mix(in srgb,var(--verdant) 60%,transparent),transparent 64%);pointer-events:none} .pdc-proc .pdc-wrap{position:relative} .pdc-proc .pdc-eyebrow{color:var(--copper)} .pdc-proc .pdc-sec-head h2{color:var(--ivory)} .pdc-proc .pdc-sec-head h2 em{color:color-mix(in srgb,var(--copper) 80%,var(--ivory))} .pdc-lang{background:var(--coral);color:var(--ivory);padding:clamp(64px,8vw,116px) 0;text-align:center;position:relative;overflow:hidden} .pdc-lang::before{content:'';position:absolute;top:-20%;left:-10%;width:680px;height:680px;background:radial-gradient(circle,color-mix(in srgb,var(--ivory) 12%,transparent),transparent 60%);pointer-events:none} .pdc-lang .pdc-eyebrow{color:var(--ivory);margin-bottom:20px} .pdc-lang h2{font-family:var(--font-display);font-weight:400;font-size:clamp(2rem,4.4vw,3.1rem);color:var(--ivory);letter-spacing:-.02em;line-height:1.08;margin:0 0 22px} .pdc-lang h2 em{font-style:italic;font-weight:300;color:color-mix(in srgb,var(--ivory) 92%,var(--copper))} .pdc-final{background:var(--linen);padding:clamp(70px,8vw,120px) 0 clamp(90px,10vw,140px);text-align:center;position:relative;overflow:hidden} .pdc-final::before{content:'';position:absolute;top:-10%;left:-5%;width:520px;height:520px;background:radial-gradient(circle,color-mix(in srgb,var(--copper) 18%,transparent),transparent 60%);pointer-events:none} .pdc-final .pdc-eyebrow{color:var(--copper);margin-bottom:18px} .pdc-final h2{font-family:var(--font-display);font-weight:400;font-size:clamp(2rem,4.4vw,3.2rem);color:var(--verdant-deep);letter-spacing:-.02em;line-height:1.1;margin:0 auto 26px;max-width:720px;text-wrap:balance} .pdc-final h2 em{font-style:italic;font-weight:300;color:var(--verdant)} .ph {border:0!important} :root { --pn-brand-primary: #1f3a2e; --pn-brand-primary-rgb: 31, 58, 46; --pn-brand-secondary: #ede7db; --pn-brand-secondary-rgb: 237, 231, 219; --pn-brand-accent: #102218; --pn-brand-accent-rgb: 16, 34, 24; --pn-brand-dark: #e2dac5; --pn-brand-dark-rgb: 226, 218, 197; --pn-brand-brand-5: #f5f1e8; --pn-brand-brand-5-rgb: 245, 241, 232; --pn-brand-brand-6: #faf6eb; --pn-brand-brand-6-rgb: 250, 246, 235; --pn-brand-brand-7: #c9a574; --pn-brand-brand-7-rgb: 201, 165, 116; --pn-brand-brand-8: #d8b98f; --pn-brand-brand-8-rgb: 216, 185, 143; --pn-brand-brand-9: #b85638; --pn-brand-brand-9-rgb: 184, 86, 56; --pn-brand-brand-10: #d26f4f; --pn-brand-brand-10-rgb: 210, 111, 79; --pn-brand-brand-11: #14110d; --pn-brand-brand-11-rgb: 20, 17, 13; --pn-brand-brand-12: #2a2620; --pn-brand-brand-12-rgb: 42, 38, 32; --pn-brand-brand-13: #56504a; --pn-brand-brand-13-rgb: 86, 80, 74; --pn-brand-brand-14: #7a746c; --pn-brand-brand-14-rgb: 122, 116, 108; --pn-brand-brand-15: #cfc4a9; --pn-brand-brand-15-rgb: 207, 196, 169; --pn-brand-brand-16: #ddd2b8; --pn-brand-brand-16-rgb: 221, 210, 184; --pn-font-heading: Inter, system-ui, sans-serif; --pn-font-body: Fraunces, system-ui, sans-serif; } :where(:root) { --c-primary: var(--pn-brand-primary); --c-secondary: var(--pn-brand-secondary); --c-accent: var(--pn-brand-accent); --c-dark: var(--pn-brand-dark); --c-brand-5: var(--pn-brand-brand-5); --c-brand-6: var(--pn-brand-brand-6); --c-brand-7: var(--pn-brand-brand-7); --c-brand-8: var(--pn-brand-brand-8); --c-brand-9: var(--pn-brand-brand-9); --c-brand-10: var(--pn-brand-brand-10); --c-brand-11: var(--pn-brand-brand-11); --c-brand-12: var(--pn-brand-brand-12); --c-brand-13: var(--pn-brand-brand-13); --c-brand-14: var(--pn-brand-brand-14); --c-brand-15: var(--pn-brand-brand-15); --c-brand-16: var(--pn-brand-brand-16); } html{overflow-x:clip;}[data-pn-nav-slot] > a,[data-pn-nav-slot] > .pn-nav-dd,[data-pn-nav-slot] > li{margin-right:14px;}[data-pn-nav-slot] > a:last-child,[data-pn-nav-slot] > .pn-nav-dd:last-child,[data-pn-nav-slot] > li:last-child{margin-right:0;}.pn-nav-icon{display:inline-block;width:1.25em;height:1.25em;object-fit:contain;vertical-align:-0.18em;margin-right:6px;flex:none;}@media (min-width:1025px){.pn-nav-hide-desktop{display:none!important;}}@media (min-width:768px) and (max-width:1024px){.pn-nav-hide-tablet{display:none!important;}}@media (max-width:767px){.pn-nav-hide-mobile{display:none!important;}}:where([data-pn-mobile-drawer], :has(> [data-pn-nav-slot="mobile"])){scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--c-accent, var(--pn-brand-accent, currentColor)) 55%, transparent) transparent;}:where([data-pn-mobile-drawer])::-webkit-scrollbar,:where(:has(> [data-pn-nav-slot="mobile"]))::-webkit-scrollbar{width:8px;height:8px;}:where([data-pn-mobile-drawer])::-webkit-scrollbar-thumb,:where(:has(> [data-pn-nav-slot="mobile"]))::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--c-accent, var(--pn-brand-accent, currentColor)) 55%, transparent);border-radius:999px;}:where([data-pn-mobile-drawer])::-webkit-scrollbar-track,:where(:has(> [data-pn-nav-slot="mobile"]))::-webkit-scrollbar-track{background:transparent;}[data-pn-nav-slot="mobile"][data-pn-mob-depth]:not([data-pn-mob-depth="0"]) a:not([data-pn-mob-parent],[data-pn-mob-parent] a,[data-pn-mob-back],[data-pn-mob-back] a){opacity:.85;}[data-pn-nav-slot="mobile"] [data-pn-mob-parent] a,[data-pn-nav-slot="mobile"] a[data-pn-mob-parent]{font-weight:700;}body.pn-nav-container-full [data-pn-nav-slot="main"]{max-width:none;}body.pn-nav-container-boxed [data-pn-nav-slot="main"]{max-width:var(--pn-container-max,1200px);margin-left:auto;margin-right:auto;padding-left:24px;padding-right:24px;box-sizing:border-box;}body.pn-nav-container-boxed header .container{max-width:var(--pn-container-max,1200px);margin-left:auto;margin-right:auto;}body.pn-nav-align-left [data-pn-nav-slot="main"]{text-align:left;justify-content:flex-start!important;}body.pn-nav-align-center [data-pn-nav-slot="main"]{text-align:center;justify-content:center!important;}body.pn-nav-align-right [data-pn-nav-slot="main"]{text-align:right;justify-content:flex-end!important;}body.pn-nav-align-justify [data-pn-nav-slot="main"]{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;}body.pn-nav-align-justify [data-pn-nav-slot="main"] > a,body.pn-nav-align-justify [data-pn-nav-slot="main"] > .pn-nav-dd,body.pn-nav-align-justify [data-pn-nav-slot="main"] > li{margin-right:0;}body.pn-footer-container-full [data-pn-nav-slot^="footer-"]{max-width:none;}body.pn-footer-container-boxed [data-pn-nav-slot^="footer-"]{max-width:var(--pn-container-max,1200px);margin-left:auto;margin-right:auto;padding-left:24px;padding-right:24px;box-sizing:border-box;}body.pn-footer-container-boxed footer .container{max-width:var(--pn-container-max,1200px);margin-left:auto;margin-right:auto;}body.pn-footer-align-left [data-pn-nav-slot^="footer-"]{text-align:left;justify-content:flex-start!important;}body.pn-footer-align-center [data-pn-nav-slot^="footer-"]{text-align:center;justify-content:center!important;}body.pn-footer-align-right [data-pn-nav-slot^="footer-"]{text-align:right;justify-content:flex-end!important;}body.pn-footer-align-justify [data-pn-nav-slot^="footer-"]{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;}.pn-nav-dd{position:relative;display:inline-block;}.pn-nav-label{cursor:default;}.pn-nav-dd > li{display:inline-flex;align-items:center;margin:0;}.pn-nav-dd-panel{position:absolute;top:100%;left:0;min-width:220px;padding:8px 0;background:var(--pn-dd-bg,var(--c-surface,#fff));border:1px solid rgba(0,0,0,.08);border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.12);opacity:0;visibility:hidden;transition:opacity .15s,visibility .15s;z-index:9999;}.pn-nav-dd:hover .pn-nav-dd-panel,.pn-nav-dd.is-open .pn-nav-dd-panel{opacity:1;visibility:visible;}.pn-nav-dd-panel a{display:block;padding:8px 16px;color:var(--pn-dd-text,var(--c-text,inherit));text-decoration:none;white-space:nowrap;}.pn-nav-dd-panel a:hover{background:var(--pn-dd-hover,var(--c-surface-2,rgba(0,0,0,.04)));}.pn-nav-dd-caret{display:inline-block;font-size:.7em;opacity:.7;vertical-align:middle;}.pn-mega-tp-panel{display:flex;min-width:520px;}.pn-mega-tp-side{flex:0 0 200px;padding:8px 0;border-right:1px solid rgba(0,0,0,.08);}.pn-mega-tp-preview{flex:1;padding:16px 24px;}.pn-mega-tp-pv{display:none;}.pn-mega-tp-pv.is-active{display:block;}.pn-mega-tp-pv-title{display:block;font-weight:600;margin-bottom:12px;color:inherit;text-decoration:none;}.pn-mega-tp-pv-list{list-style:none;padding:0;margin:0;}.pn-mega-tp-pv-list li a{display:block;padding:6px 0;color:inherit;text-decoration:none;}.pn-mega-grid-panel{display:none;grid-template-columns:repeat(4,minmax(170px,1fr));gap:2px 14px;padding:14px 18px;min-width:760px;max-width:90vw;}.pn-nav-dd:hover>.pn-mega-grid-panel,.pn-nav-dd.is-open>.pn-mega-grid-panel{display:grid;}.pn-mega-grid-panel a{padding:7px 10px;border-radius:4px;font-size:.9em;}.pn-mega-alpha-panel{display:none;grid-template-columns:repeat(3,minmax(180px,1fr));gap:0 18px;padding:14px 20px;min-width:620px;}.pn-nav-dd:hover>.pn-mega-alpha-panel,.pn-nav-dd.is-open>.pn-mega-alpha-panel{display:grid;}.pn-mega-alpha-h{font-size:.7em;font-weight:800;letter-spacing:.12em;text-transform:uppercase;opacity:.55;padding:4px 10px 6px;margin-bottom:4px;}.pn-mega-alpha-group a{padding:6px 10px;border-radius:4px;font-size:.9em;} body.pn-site-hdr-scroll-sticky,body.pn-site-hdr-scroll-reveal-up{overflow-x:clip;}body.pn-site-hdr-scroll-sticky [data-pn-block-kind="header"],body.pn-site-hdr-scroll-sticky [data-pn-role="header"],body.pn-site-hdr-scroll-sticky .pn-hdr,body.pn-site-hdr-scroll-reveal-up [data-pn-block-kind="header"],body.pn-site-hdr-scroll-reveal-up [data-pn-role="header"],body.pn-site-hdr-scroll-reveal-up .pn-hdr{position:sticky;top:0;z-index:1000;transition:transform .28s ease;}body.pn-site-hdr-scroll-reveal-up [data-pn-block-kind="header"].pn-site-hdr-hidden,body.pn-site-hdr-scroll-reveal-up [data-pn-role="header"].pn-site-hdr-hidden,body.pn-site-hdr-scroll-reveal-up .pn-hdr.pn-site-hdr-hidden{transform:translateY(-100%);} @view-transition{navigation:auto}