/* Self-hosted fonts (Google Fonts origin removed — see HANDOFF.md item 4). */
/* latin-ext */
@font-face {
  font-family: 'DM Mono';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/assets/fonts/dm-mono-300-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'DM Mono';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/assets/fonts/dm-mono-300-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'DM Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/dm-mono-400-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'DM Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/dm-mono-400-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'DM Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/dm-mono-500-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'DM Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/dm-mono-500-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Instrument Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(/assets/fonts/instrument-sans-400-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Instrument Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(/assets/fonts/instrument-sans-400-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Instrument Sans';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url(/assets/fonts/instrument-sans-500-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Instrument Sans';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url(/assets/fonts/instrument-sans-500-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Instrument Sans';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url(/assets/fonts/instrument-sans-600-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Instrument Sans';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url(/assets/fonts/instrument-sans-600-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Instrument Serif';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/instrument-serif-400-italic-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Instrument Serif';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/instrument-serif-400-italic-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Instrument Serif';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/instrument-serif-400-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Instrument Serif';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/instrument-serif-400-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: #f4f2ed; color: #1b1a17; font-family: "Instrument Sans", system-ui, sans-serif; -webkit-font-smoothing: antialiased; }
a { color: #1b1a17; text-decoration: none; }
a:hover { color: #2f6b9e; }
:focus-visible { outline: 2px solid #2f6b9e; outline-offset: 3px; }
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; }
}
@keyframes nfade { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }
@keyframes cue { 0% { transform: translateY(0) scale(0.7); opacity: 0; } 18% { opacity: 1; } 70% { opacity: 1; } 100% { transform: translateY(53px) scale(1.05); opacity: 0; } }
@keyframes vmFade { from { opacity: 0; } to { opacity: 1; } }
@keyframes vmRise { from { opacity: 0; transform: translateY(26px) scale(0.965); } to { opacity: 1; transform: none; } }
details > summary { list-style: none; cursor: pointer; }
details > summary::-webkit-details-marker { display: none; }
input, select, textarea { font-family: inherit; }
input::placeholder, textarea::placeholder { color: #a8a49a; }
input:focus, select:focus, textarea:focus { outline: none; border-color: #1b1a17; }


.lang-on{color:#1b1a17 !important;font-weight:500 !important}
.tab-on{background:#f4f2ed !important;border-color:#1b1a17 !important;box-shadow:0 1px 0 0 #f4f2ed !important;opacity:1 !important;padding-top:20px !important}
.tab-off{background:#e8e4db !important;border-color:#ddd8cd !important;box-shadow:none !important;opacity:0.6 !important;padding-top:18px !important}
.need-chip[aria-pressed="true"]{background:#1b1a17 !important;color:#f4f2ed !important;border-color:#1b1a17 !important}
.intake-form.is-sending [data-ref="btnRef"]{opacity:0.55;cursor:default}

/* lifted from the design files — do not edit values */
.n0{position: relative; width: 100%; overflow-x: clip; background: #f4f2ed}
.n1{position: absolute; left: -9999px; top: 0; z-index: 60; padding: 13px 20px; background: #1b1a17; color: #f4f2ed; font-size: 14px}
.n1:focus{left: 0 !important}
.n2{position: fixed; top: 0; left: 0; right: 0; z-index: 20; display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: clamp(14px, 2vw, 22px) clamp(18px, 3.5vw, 40px); border-bottom: 1px solid transparent}
.n3{display: flex; align-items: center; mix-blend-mode: multiply}
.n4{height: 30px; width: auto; display: block}
.n5{display: flex; align-items: center; gap: clamp(14px, 2.2vw, 28px); font-size: clamp(13px, 1.3vw, 14px); color: #4a463f}
.n6{display: flex; align-items: center; gap: clamp(14px, 2.2vw, 28px)}
.n7{position: relative}
.n8{display: flex; align-items: center; gap: 7px; color: #1b1a17}
.n8:hover{color:#2f6b9e !important}
.n9{font-family: 'DM Mono', ui-monospace, monospace; font-size: 9px; color: #8d887d}
.na{position: absolute; right: 0; top: 100%; z-index: 30; margin-top: 24px; width: 252px; display: flex; flex-direction: column; padding: 7px; background: #fbfaf7; border: 1px solid #e2ddd2; border-radius: 4px; box-shadow: 0 26px 60px -40px rgba(27,26,23,0.5)}
.nb{display: flex; flex-direction: column; gap: 3px; padding: 11px 13px; border-radius: 3px; color: #1b1a17}
.nb:hover{background:#f0ede5 !important;color:#1b1a17 !important}
.nc{font-size: 14px; font-weight: 500}
.nd{font-family: 'DM Mono', ui-monospace, monospace; font-size: 10px; letter-spacing: 0.1em; text-transform: uppercase; color: #8d887d}
.ne{font-family: 'DM Mono', ui-monospace, monospace; font-size: 10px; letter-spacing: 0.04em; color: #8d887d}
.nf{padding: 9px 18px; border: 1px solid #1b1a17; border-radius: 999px; font-size: 13px}
.nf:hover{background:#2f6b9e !important;border-color:#2f6b9e !important;color:#f4f2ed !important}
.ng{appearance: none; padding: 13px 18px; border: 1px solid #1b1a17; border-radius: 999px; background: #f4f2ed; font-family: 'Instrument Sans', sans-serif; font-size: 13.5px; font-weight: 500; color: #1b1a17; cursor: pointer}
.ng:hover{background:#1b1a17 !important;color:#f4f2ed !important}
.nh{display: flex; align-items: center; gap: 8px; font-family: 'DM Mono', ui-monospace, monospace; font-size: 11px; letter-spacing: 0.1em}
.ni{color: #a8a49a}
.ni:hover{color:#1b1a17 !important}
.nj{width: 1px; height: 11px; background: #c9c4b9}
.nk{position: absolute; left: 0; right: 0; top: 100%; display: flex; flex-direction: column; padding: 4px clamp(18px, 3.5vw, 40px) 18px; background: #f4f2ed; border-bottom: 1px solid #ddd8cd; box-shadow: 0 22px 44px -32px rgba(27,26,23,0.45)}
.nl{padding: 14px 0; border-top: 1px solid #ddd8cd; font-size: 16px}
.nm{padding: 14px 0 6px; border-top: 1px solid #ddd8cd; font-family: 'DM Mono', ui-monospace, monospace; font-size: 10px; letter-spacing: 0.16em; text-transform: uppercase; color: #8d887d}
.nn{padding: 11px 0; font-size: 16px}
.no{padding: 11px 0 14px; font-size: 16px}
.np{padding: 14px 0; border-top: 1px solid #ddd8cd; font-size: 16px; color: #55514a}
.nq{position: relative; height: 640vh}
.nr{position: sticky; top: 0; height: 100vh; overflow: hidden}
.ns{position: absolute; inset: 0; width: 100%; height: 100%; display: block}
.nt{position: absolute; left: 0; right: 0; top: 30vh; padding: 0 22px; display: flex; flex-direction: column; align-items: center; gap: clamp(14px, 2vw, 20px); text-align: center; pointer-events: none}
.nu{margin: 0; font-family: 'Instrument Serif', serif; font-weight: 400; font-size: clamp(44px, 7vw, 104px); line-height: 0.98; letter-spacing: -0.025em; max-width: 16em; opacity: 1; transition: opacity 0.45s ease}
.nv{font-style: italic}
.nw{margin: 0; max-width: 34em; font-size: clamp(15px, 1.4vw, 19px); line-height: 1.5; color: #4a463f}
.nx{position: relative; width: 1px; height: 62px; margin-top: 30px; background: linear-gradient(to bottom, rgba(141,136,125,0), rgba(141,136,125,0.55) 30%, rgba(141,136,125,0))}
.ny{position: absolute; left: -4px; top: 0; width: 9px; height: 9px; border-radius: 46% 54% 60% 40% / 52% 44% 56% 48%; background: #2b8cf0; animation: cue 2.6s cubic-bezier(0.55,0,0.45,1) infinite}
.nz{position: absolute; left: 0; top: 0; opacity: 0; pointer-events: none; transform: translate(-50%, -128%); width: max-content; max-width: min(300px, 78vw); padding: 13px 16px 14px; background: #fbfaf7; border: 1px solid #e2ddd2; border-radius: 3px; box-shadow: 0 14px 34px -18px rgba(27,26,23,0.45); display: flex; flex-direction: column; gap: 6px; transition: opacity 0.14s ease}
.n10{font-family: 'DM Mono', ui-monospace, monospace; font-size: 9px; letter-spacing: 0.2em; text-transform: uppercase; color: #8d887d; white-space: normal}
.n11{font-family: 'Instrument Serif', serif; font-size: 21px; line-height: 1.12; letter-spacing: -0.01em; color: #1b1a17}
.n12{font-family: 'DM Mono', ui-monospace, monospace; font-size: 11px; color: #55514a; white-space: normal}
.n13{position: absolute; left: 0; right: 0; top: 60vh; display: flex; justify-content: center; padding: 0 20px; pointer-events: none}
.n14{position: relative; width: min(760px, 100%); min-height: clamp(150px, 20vh, 176px)}
.n15{position: absolute; inset: 0; opacity: 0; display: flex; flex-direction: column; align-items: center; gap: 12px; text-align: center}
.n16{margin-bottom: 10px; font-family: 'DM Mono', ui-monospace, monospace; font-size: 10px; letter-spacing: 0.22em; text-transform: uppercase; color: #8d887d}
.n17{margin: 0; font-family: 'Instrument Serif', serif; font-weight: 400; font-size: clamp(30px, 3.6vw, 52px); line-height: 1.02; letter-spacing: -0.02em}
.n18{margin: 0; max-width: 30em; font-size: clamp(14px, 1.25vw, 17px); line-height: 1.5; color: #4a463f}
.n19{position: absolute; left: 0; right: 0; top: 0; height: 100vh; opacity: 0; pointer-events: none}
.n1a{position: absolute; transform: translate(-50%, 0); display: flex; flex-direction: column; align-items: center; gap: 7px; white-space: nowrap}
.n1b{width: 1px; height: 26px; background: #c9c4b9}
.n1c{font-family: 'DM Mono', ui-monospace, monospace; font-size: 10px; letter-spacing: 0.18em; text-transform: uppercase; color: #4a463f}
.n1d{font-family: 'DM Mono', ui-monospace, monospace; font-size: 10px; color: #8d887d}
.n1e{position: relative; padding: clamp(90px, 12vw, 140px) clamp(20px, 4vw, 40px) 40px; max-width: 1180px; margin: 0 auto}
.n1f{display: grid; grid-template-columns: repeat(auto-fit, minmax(min(340px, 100%), 1fr)); gap: clamp(28px, 5vw, 64px); align-items: start; padding-bottom: clamp(56px, 8vw, 96px); border-bottom: 1px solid #ddd8cd}
.n1g{margin: 0; font-family: 'Instrument Serif', serif; font-weight: 400; font-size: clamp(32px, 4vw, 58px); line-height: 1.02; letter-spacing: -0.02em}
.n1h{margin: 0; font-size: clamp(16px, 1.5vw, 20px); line-height: 1.6; color: #3d3a34; text-wrap: pretty}
.n1i{display: grid; grid-template-columns: repeat(auto-fit, minmax(min(260px, 100%), 1fr)); gap: 1px; background: transparent; margin-top: 1px}
.n1j{background: #f4f2ed; box-shadow: 0 0 0 1px #ddd8cd; padding: clamp(32px, 4vw, 44px) clamp(22px, 3vw, 32px) clamp(38px, 5vw, 52px); display: flex; flex-direction: column; gap: 18px}
.n1k{width: 110px; height: 60px; display: block; margin-bottom: 4px}
.n1l{margin: 0; font-size: 19px; font-weight: 600; letter-spacing: -0.01em}
.n1m{margin: 0; font-size: 15px; line-height: 1.6; color: #55514a; text-wrap: pretty}
.n1n{padding: clamp(80px, 11vw, 120px) clamp(20px, 4vw, 40px) 90px; max-width: 1180px; margin: 0 auto; display: flex; flex-direction: column; align-items: center; gap: 26px; text-align: center}
.n1o{margin: 0; font-family: 'Instrument Serif', serif; font-weight: 400; font-size: clamp(34px, 5vw, 68px); line-height: 1.0; letter-spacing: -0.025em; max-width: 22em}
.n1p{margin: 0; max-width: 32em; font-size: 17px; line-height: 1.55; color: #4a463f}
.n1q{display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; margin-top: 10px}
.n1r{padding: 15px 34px; border-radius: 999px; background: #1b1a17; color: #f4f2ed; font-size: 15px}
.n1r:hover{background:#2f6b9e !important;color:#f4f2ed !important}
.n1s{padding: 15px 30px; border: 1px solid #1b1a17; border-radius: 999px; font-size: 15px}
.n1s:hover{background:#1b1a17 !important;color:#f4f2ed !important}
.n1t{padding: 28px clamp(20px, 4vw, 40px) 78px; border-top: 1px solid #ddd8cd; display: flex; flex-wrap: wrap; gap: 16px; justify-content: space-between; font-family: 'DM Mono', ui-monospace, monospace; font-size: 11px; letter-spacing: 0.06em; color: #8d887d}
.n1u{display: flex; flex-wrap: wrap; gap: 18px}
.n1v{color: #8d887d}
.n1v:hover{color:#1b1a17 !important}
.n1w{position: fixed; left: clamp(14px, 3vw, 28px); bottom: clamp(14px, 3vw, 26px); z-index: 25; pointer-events: none}
.n1x{position: relative; display: inline-flex; pointer-events: auto}
.n1y{position: absolute; left: 0; bottom: 100%; width: min(288px, calc(100vw - 40px)); padding-bottom: 10px; transition: opacity 0.18s ease, transform 0.18s ease, visibility 0.18s; opacity: 0; transform: translateY(5px); visibility: hidden}
.n1z{display: flex; flex-direction: column; gap: 9px; padding: 15px 17px 16px; background: #fbfaf7; border: 1px solid #e2ddd2; border-radius: 4px; box-shadow: 0 26px 60px -40px rgba(27,26,23,0.5)}
.n20{margin: 0; font-size: 13px; line-height: 1.52; color: #55514a; text-wrap: pretty}
.n21{font-family: 'DM Mono', ui-monospace, monospace; font-size: 10px; letter-spacing: 0.16em; text-transform: uppercase; color: #8d887d}
.n21:hover{color:#1b1a17 !important}
.n22{display: inline-flex; align-items: center; gap: 8px; padding: 9px 15px 9px 12px; background: rgba(244,242,237,0.82); backdrop-filter: blur(10px); border: 1px solid #ddd8cd; border-radius: 999px; font-family: 'DM Mono', ui-monospace, monospace; font-size: 10px; letter-spacing: 0.16em; text-transform: uppercase; color: #8d887d; transition: color 0.14s ease, border-color 0.14s ease, background 0.14s ease}
.n22:hover{color:#1b1a17 !important;border-color:#8d887d !important;background:#fbfaf7 !important}
.n23{flex: none; width: 8px; height: 8px; border-radius: 46% 54% 60% 40% / 52% 44% 56% 48%; background: #3f9166}
.n24{width: 100%; overflow-x: clip; background: #f4f2ed}
.n25{position: sticky; top: 0; z-index: 20; display: flex; align-items: center; justify-content: space-between; gap: 14px; height: 68px; padding: 0 clamp(18px, 3.5vw, 40px); background: rgba(244,242,237,0.72); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); border-bottom: 1px solid #ddd8cd}
.n26{display: flex; align-items: center}
.n27{color: #1b1a17; padding-bottom: 3px; border-bottom: 1px solid #1b1a17}
.n28{max-width: 1180px; margin: 0 auto; padding: clamp(52px, 8vw, 110px) clamp(20px, 4vw, 40px) clamp(38px, 6vw, 62px); display: grid; grid-template-columns: repeat(auto-fit, minmax(min(340px, 100%), 1fr)); gap: clamp(24px, 4vw, 60px); align-items: end}
.n29{display: flex; flex-direction: column; gap: 18px}
.n2a{font-family: 'DM Mono', ui-monospace, monospace; font-size: 10px; letter-spacing: 0.22em; text-transform: uppercase; color: #8d887d}
.n2b{margin: 0; font-family: 'Instrument Serif', serif; font-weight: 400; font-size: clamp(40px, 6vw, 88px); line-height: 0.98; letter-spacing: -0.025em}
.n2c{margin: 0 0 6px; font-size: clamp(16px, 1.5vw, 20px); line-height: 1.6; color: #3d3a34; text-wrap: pretty}
.n2d{max-width: 1180px; margin: 0 auto; padding: 0 clamp(20px, 4vw, 40px) clamp(38px, 6vw, 62px)}
.n2e{display: flex; flex-direction: column; gap: 20px; padding-top: clamp(26px, 3.6vw, 38px); border-top: 1px solid #ddd8cd}
.n2f{display: flex; align-items: baseline; justify-content: space-between; gap: 12px 24px; flex-wrap: wrap}
.n2g{font-size: 13.5px; color: #8d887d}
.n2h{display: flex; flex-wrap: wrap; gap: 9px}
.n2i{display: inline-flex; align-items: center; gap: 9px; padding: 9px 16px 10px; background: #fbfaf7; border: 1px solid #e2ddd2; border-radius: 999px; font-size: 14px; line-height: 1.3; color: #3d3a34}
.n2j{flex: none; width: 7px; height: 7px; border-radius: 46% 54% 60% 40% / 52% 44% 56% 48%; background: #2b8cf0}
.n2k{flex: none; width: 7px; height: 7px; border-radius: 46% 54% 60% 40% / 52% 44% 56% 48%; background: #3f9166}
.n2l{flex: none; width: 7px; height: 7px; border-radius: 46% 54% 60% 40% / 52% 44% 56% 48%; background: #d4708f}
.n2m{flex: none; width: 7px; height: 7px; border-radius: 46% 54% 60% 40% / 52% 44% 56% 48%; background: #8d887d}
.n2n{max-width: 1180px; margin: 0 auto; padding: 0 clamp(20px, 4vw, 40px) clamp(30px, 4vw, 44px)}
.n2o{display: grid; grid-template-columns: repeat(auto-fit, minmax(min(300px, 100%), 1fr)); gap: clamp(18px, 4vw, 56px); align-items: start; padding: clamp(24px, 3.4vw, 38px) clamp(22px, 3vw, 36px); background: #fbfaf7; border: 1px solid #e2ddd2; border-radius: 4px}
.n2p{display: flex; flex-direction: column; gap: 12px}
.n2q{margin: 0; font-family: 'Instrument Serif', serif; font-weight: 400; font-size: clamp(24px, 2.8vw, 36px); line-height: 1.08; letter-spacing: -0.02em}
.n2r{display: flex; flex-direction: column; gap: 14px}
.n2s{margin: 0; font-size: 15.5px; line-height: 1.65; color: #3d3a34; text-wrap: pretty}
.n2t{margin: 0; font-size: 15.5px; line-height: 1.65; color: #55514a; text-wrap: pretty}
.n2u{max-width: 1180px; margin: 0 auto; padding: 0 clamp(20px, 4vw, 40px)}
.n2v{display: grid; grid-template-columns: repeat(auto-fit, minmax(min(300px, 100%), 1fr)); gap: clamp(18px, 4vw, 56px); padding: clamp(28px, 4vw, 44px) 0; border-top: 1px solid #ddd8cd; align-items: start}
.n2w{display: flex; align-items: center; gap: 12px}
.n2x{width: 40px; height: 40px; display: block}
.n2y{margin: 0; font-family: 'Instrument Serif', serif; font-weight: 400; font-size: clamp(26px, 3vw, 40px); line-height: 1.05; letter-spacing: -0.02em}
.n2z{margin: 0; max-width: 26em; font-size: 15px; line-height: 1.6; color: #55514a; text-wrap: pretty}
.n30{margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 11px}
.n31{display: flex; gap: 13px; align-items: baseline; font-size: 15px; line-height: 1.5; color: #3d3a34}
.n32{flex: none; width: 7px; height: 7px; margin-top: 1px; border-radius: 46% 54% 60% 40% / 52% 44% 56% 48%; background: #2b8cf0}
.n33{flex: none; width: 7px; height: 7px; margin-top: 1px; border-radius: 46% 54% 60% 40% / 52% 44% 56% 48%; background: #3f9166}
.n34{flex: none; width: 7px; height: 7px; margin-top: 1px; border-radius: 46% 54% 60% 40% / 52% 44% 56% 48%; background: #d4708f}
.n35{max-width: 1180px; margin: clamp(58px, 8vw, 100px) auto 0; padding: 0 clamp(20px, 4vw, 40px)}
.n36{display: flex; flex-direction: column; gap: 10px; padding-bottom: clamp(22px, 3vw, 32px)}
.n37{margin: 0; font-family: 'Instrument Serif', serif; font-weight: 400; font-size: clamp(28px, 3.6vw, 50px); line-height: 1.03; letter-spacing: -0.02em}
.n38{display: grid; grid-template-columns: repeat(auto-fit, minmax(min(270px, 100%), 1fr)); gap: 1px; background: transparent}
.n39{background: #f4f2ed; box-shadow: 0 0 0 1px #ddd8cd; padding: clamp(28px, 3.5vw, 40px) clamp(20px, 2.6vw, 30px) clamp(32px, 4vw, 44px); display: flex; flex-direction: column; gap: 14px}
.n3a{width: 46px; height: 46px; display: block; margin-bottom: 2px}
.n3b{margin-top: 4px; font-family: 'DM Mono', ui-monospace, monospace; font-size: 11px; letter-spacing: 0.1em; text-transform: uppercase; color: #8d887d}
.n3c{display: grid; grid-template-columns: repeat(auto-fit, minmax(min(300px, 100%), 1fr)); gap: clamp(20px, 4vw, 56px); padding: clamp(30px, 4vw, 46px) 0; border-top: 1px solid #ddd8cd; border-bottom: 1px solid #ddd8cd}
.n3d{display: grid; grid-template-columns: repeat(auto-fit, minmax(min(220px, 100%), 1fr)); gap: 18px 30px}
.n3e{display: flex; gap: 13px; align-items: flex-start}
.n3f{flex: none; width: 32px; height: 32px; display: block; margin-top: -3px}
.n3g{display: flex; flex-direction: column; gap: 5px}
.n3h{font-size: 15px; font-weight: 600}
.n3i{font-size: 14px; line-height: 1.5; color: #55514a}
.n3j{padding: clamp(64px, 10vw, 116px) clamp(20px, 4vw, 40px) clamp(76px, 11vw, 120px); max-width: 1180px; margin: 0 auto; display: flex; flex-direction: column; align-items: center; gap: 24px; text-align: center}
.n3k{margin: 0; font-family: 'Instrument Serif', serif; font-weight: 400; font-size: clamp(32px, 4.6vw, 62px); line-height: 1.0; letter-spacing: -0.025em}
.n3l{margin-top: 8px; padding: 15px 34px; border-radius: 999px; background: #1b1a17; color: #f4f2ed; font-size: 15px}
.n3l:hover{background:#2f6b9e !important;color:#f4f2ed !important}
.n3m{padding: 26px clamp(20px, 4vw, 40px) 76px; border-top: 1px solid #ddd8cd; display: flex; flex-wrap: wrap; gap: 16px; justify-content: space-between; font-family: 'DM Mono', ui-monospace, monospace; font-size: 11px; letter-spacing: 0.06em; color: #8d887d}
.n3n{max-width: 820px; margin: 0 auto; padding: clamp(44px, 6vw, 88px) clamp(20px, 4vw, 40px) clamp(28px, 4vw, 44px); display: flex; flex-direction: column; gap: clamp(20px, 3vw, 28px)}
.n3o{margin: 0; font-family: 'Instrument Serif', serif; font-weight: 400; font-size: clamp(38px, 5.4vw, 72px); line-height: 0.99; letter-spacing: -0.025em}
.n3p{margin: 0; max-width: 34em; font-size: clamp(16px, 1.4vw, 18px); line-height: 1.6; color: #3d3a34; text-wrap: pretty}
.n3q{font-family: 'DM Mono', ui-monospace, monospace; font-size: 11px; letter-spacing: 0.08em; color: #8d887d}
.n3r{margin: 0; padding: clamp(22px, 3vw, 28px) clamp(20px, 2.6vw, 28px); list-style: none; display: flex; flex-direction: column; gap: 12px; background: #fbfaf7; border: 1px solid #e2ddd2; border-radius: 4px}
.n3s{display: flex; gap: 12px; align-items: baseline; font-size: 15px; line-height: 1.55; color: #3d3a34}
.n3t{max-width: 820px; margin: 0 auto; padding: 0 clamp(20px, 4vw, 40px) clamp(60px, 9vw, 104px)}
.n3u{display: grid; grid-template-columns: repeat(auto-fit, minmax(min(260px, 100%), 1fr)); gap: clamp(10px, 2vw, 34px); padding: clamp(26px, 3.4vw, 38px) 0; border-top: 1px solid #ddd8cd}
.n3v{display: flex; flex-direction: column; gap: 8px}
.n3w{margin: 0; max-width: 16em; font-family: 'Instrument Serif', serif; font-weight: 400; font-size: clamp(24px, 2.7vw, 34px); line-height: 1.06; letter-spacing: -0.02em}
.n3x{margin: 0; font-size: 15.5px; line-height: 1.62; color: #55514a; text-wrap: pretty}
.n3y{margin: 2px 0 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 9px}
.n3z{display: flex; gap: 11px; align-items: baseline; font-size: 15px; line-height: 1.55; color: #55514a}
.n40{flex: none; width: 5px; height: 5px; border-radius: 50%; background: #c9c4b9}
.n41{display: flex; flex-direction: column; gap: 16px; padding: clamp(30px, 4vw, 44px) clamp(22px, 3vw, 34px); margin-top: clamp(30px, 4vw, 44px); background: #fbfaf7; border: 1px solid #e2ddd2; border-radius: 4px}
.n42{font-family: 'DM Mono', ui-monospace, monospace; font-size: 10px; letter-spacing: 0.2em; text-transform: uppercase; color: #8d887d}
.n43{margin: 0; font-family: 'Instrument Serif', serif; font-weight: 400; font-size: clamp(24px, 2.8vw, 36px); line-height: 1.05; letter-spacing: -0.02em}
.n44{margin: 0; max-width: 32em; font-size: 15.5px; line-height: 1.6; color: #55514a; text-wrap: pretty}
.n45{display: flex; flex-wrap: wrap; gap: 10px 36px; padding-top: 4px}
.n46{display: flex; flex-direction: column; gap: 3px; min-width: 0}
.n46:hover{color:#2f6b9e !important}
.n47{font-family: 'Instrument Serif', serif; font-size: clamp(19px, 2.1vw, 24px); letter-spacing: -0.01em; overflow-wrap: anywhere}
.n48{font-family: 'DM Mono', ui-monospace, monospace; font-size: 11px; color: #8d887d}
.n49{display: flex; flex-direction: column; gap: 3px}
.n49:hover{color:#2f6b9e !important}
.n4a{font-family: 'Instrument Serif', serif; font-size: 24px; letter-spacing: -0.01em}
.n4b{color: #1b1a17}
.n4b:hover{color:#1b1a17 !important}
.n4c{max-width: 1180px; margin: 0 auto; padding: clamp(52px, 8vw, 104px) clamp(20px, 4vw, 40px) clamp(30px, 4vw, 48px); display: grid; grid-template-columns: repeat(auto-fit, minmax(min(340px, 100%), 1fr)); gap: clamp(24px, 4vw, 60px); align-items: end}
.n4d{position: relative; background: #f4f2ed}
.n4e{max-width: 1180px; margin: 0 auto; padding: 0 clamp(20px, 4vw, 40px); display: grid; grid-template-columns: repeat(auto-fit, minmax(min(240px, 100%), 1fr)); gap: 8px; border-bottom: 1px solid #1b1a17}
.n4f{appearance: none; position: relative; display: flex; flex-direction: column; align-items: flex-start; gap: 14px; padding: 20px 22px 22px; border: 1px solid #ddd8cd; border-bottom: none; border-radius: 5px 5px 0 0; background: #ece9e1; cursor: pointer; text-align: left; transition: background 0.16s ease, border-color 0.16s ease, opacity 0.16s ease}
.n4g{display: flex; align-items: center; height: 32px}
.n4h{height: 26px; width: 84px; object-fit: contain; object-position: left center; display: block}
.n4i{display: flex; flex-direction: column; gap: 4px}
.n4j{font-size: 15.5px; font-weight: 600; letter-spacing: -0.01em; color: #1b1a17}
.n4k{font-family: 'DM Mono', ui-monospace, monospace; font-size: 10.5px; letter-spacing: 0.1em; text-transform: uppercase; color: #8d887d}
.n4l{height: 52px; width: 150px; margin: -10px 0; object-fit: contain; object-position: left center; display: block}
.n4m{height: 22px; width: 116px; object-fit: contain; object-position: left center; display: block}
.n4n{max-width: 1180px; margin: 0 auto; padding: clamp(44px, 6vw, 76px) clamp(20px, 4vw, 40px) 0}
.n4o{display: grid; grid-template-columns: repeat(auto-fit, minmax(min(320px, 100%), 1fr)); gap: clamp(22px, 4vw, 56px); align-items: start}
.n4p{display: flex; flex-direction: column; gap: 16px}
.n4q{margin: 0; font-family: 'Instrument Serif', serif; font-weight: 400; font-size: clamp(28px, 3.8vw, 52px); line-height: 1.02; letter-spacing: -0.02em}
.n4r{margin: 0; max-width: 30em; font-size: 16px; line-height: 1.6; color: #3d3a34; text-wrap: pretty}
.n4s{display: flex; flex-wrap: wrap; gap: 12px; margin-top: 6px}
.n4t{padding: 13px 28px; border-radius: 999px; background: #1b1a17; color: #f4f2ed; font-size: 14px}
.n4t:hover{background:#2f6b9e !important;color:#f4f2ed !important}
.n4u{appearance: none; display: inline-flex; align-items: center; gap: 11px; padding: 8px 25px 8px 8px; border: 1px solid #1b1a17; border-radius: 999px; background: none; font-family: 'Instrument Sans', sans-serif; font-size: 14px; color: #1b1a17; cursor: pointer}
.n4u:hover{background:#1b1a17 !important;color:#f4f2ed !important}
.n4v{flex: none; display: inline-flex; align-items: center; justify-content: center; width: 30px; height: 30px; border-radius: 999px; background: #2f6b9e}
.n4w{display: block; width: 0; height: 0; margin-left: 2px; border-style: solid; border-width: 5.5px 0 5.5px 9px; border-color: transparent transparent transparent #f4f2ed}
.n4x{appearance: none; padding: 13px 26px; border: 1px solid #1b1a17; border-radius: 999px; background: none; font-family: 'Instrument Sans', sans-serif; font-size: 14px; color: #1b1a17; cursor: pointer}
.n4x:hover{background:#1b1a17 !important;color:#f4f2ed !important}
.n4y{display: grid; grid-template-columns: repeat(auto-fit, minmax(min(150px, 100%), 1fr)); gap: 1px; background: transparent}
.n4z{background: #f4f2ed; box-shadow: 0 0 0 1px #ddd8cd; padding: 22px 18px 24px; display: flex; flex-direction: column; gap: 7px}
.n50{font-family: 'Instrument Serif', serif; font-size: clamp(30px, 3.4vw, 44px); line-height: 1; letter-spacing: -0.02em; color: #1b1a17}
.n51{font-size: 13px; line-height: 1.45; color: #55514a}
.n52{max-width: 1180px; margin: 0 auto; padding: clamp(50px, 7vw, 92px) clamp(20px, 4vw, 40px) 0}
.n53{display: flex; flex-direction: column; padding-bottom: clamp(20px, 3vw, 30px)}
.n54{margin: 0; font-family: 'Instrument Serif', serif; font-weight: 400; font-size: clamp(26px, 3.2vw, 44px); line-height: 1.03; letter-spacing: -0.02em}
.n55{display: grid; grid-template-columns: repeat(auto-fit, minmax(min(260px, 100%), 1fr)); gap: 1px; background: transparent}
.n56{background: #f4f2ed; box-shadow: 0 0 0 1px #ddd8cd; padding: clamp(26px, 3.4vw, 38px) clamp(20px, 2.6vw, 28px) clamp(30px, 4vw, 42px); display: flex; flex-direction: column; gap: 13px}
.n57{width: 42px; height: 42px; display: block; margin-bottom: 2px}
.n58{margin: 0; font-size: 17px; font-weight: 600; letter-spacing: -0.01em}
.n59{margin: 0; font-size: 14.5px; line-height: 1.6; color: #55514a; text-wrap: pretty}
.n5a{display: flex; flex-direction: column; gap: 10px; padding-bottom: clamp(20px, 3vw, 32px)}
.n5b{margin: 0; max-width: 34em; font-size: 16px; line-height: 1.6; color: #55514a}
.n5c{display: grid; grid-template-columns: repeat(auto-fit, minmax(min(210px, 100%), 1fr)); gap: 1px; background: transparent}
.n5d{background: #f4f2ed; box-shadow: 0 0 0 1px #ddd8cd; padding: clamp(24px, 3vw, 32px) clamp(18px, 2.2vw, 26px) clamp(28px, 3.4vw, 38px); display: flex; flex-direction: column; gap: 10px}
.n5e{width: 38px; height: 38px; display: block; margin-bottom: 2px}
.n5f{margin: 0; font-size: 16px; font-weight: 600}
.n5g{margin: 0; font-size: 14px; line-height: 1.55; color: #55514a; text-wrap: pretty}
.n5h{background: #1b1a17; border-radius: 6px; padding: clamp(32px, 5vw, 60px) clamp(22px, 4vw, 56px) clamp(36px, 5.4vw, 64px); display: grid; grid-template-columns: repeat(auto-fit, minmax(min(320px, 100%), 1fr)); gap: clamp(26px, 4.5vw, 70px); align-items: start}
.n5i{font-family: 'DM Mono', ui-monospace, monospace; font-size: 10px; letter-spacing: 0.22em; text-transform: uppercase; color: #a8a49a}
.n5j{margin: 0; font-family: 'Instrument Serif', serif; font-weight: 400; font-size: clamp(32px, 4.2vw, 58px); line-height: 1.0; letter-spacing: -0.025em; color: #f4f2ed}
.n5k{margin: 0; max-width: 26em; font-size: 15.5px; line-height: 1.6; color: #d8d4ca; text-wrap: pretty}
.n5l{margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column}
.n5m{display: flex; gap: 16px; align-items: baseline; padding: 13px 0; border-top: 1px solid rgba(244,242,237,0.16)}
.n5n{flex: none; font-family: 'DM Mono', ui-monospace, monospace; font-size: 11px; letter-spacing: 0.08em; color: #2b8cf0}
.n5o{display: flex; flex-direction: column; gap: 9px}
.n5p{font-size: 15px; line-height: 1.55; color: #f4f2ed; text-wrap: pretty}
.n5q{display: flex; flex-wrap: wrap; gap: 7px; padding-bottom: 3px}
.n5r{padding: 5px 13px; border: 1px solid rgba(244,242,237,0.3); border-radius: 999px; font-family: 'DM Mono', ui-monospace, monospace; font-size: 10.5px; letter-spacing: 0.06em; color: #d8d4ca}
.n5s{max-width: 1180px; margin: 0 auto; padding: clamp(50px, 7vw, 88px) clamp(20px, 4vw, 40px) 0}
.n5t{display: grid; grid-template-columns: repeat(auto-fit, minmax(min(300px, 100%), 1fr)); gap: clamp(22px, 4vw, 60px); padding-top: clamp(30px, 4vw, 44px); border-top: 1px solid #ddd8cd; align-items: start}
.n5u{margin: 0; font-family: 'Instrument Serif', serif; font-weight: 400; font-size: clamp(25px, 2.9vw, 38px); line-height: 1.06; letter-spacing: -0.02em}
.n5v{margin: 0; max-width: 26em; font-size: 15.5px; line-height: 1.6; color: #55514a; text-wrap: pretty}
.n5w{margin: 8px 0 0; max-width: 26em; padding-left: 16px; border-left: 2px solid #2b8cf0; font-size: 15px; line-height: 1.55; color: #3d3a34}
.n5x{margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 16px}
.n5y{display: flex; gap: 13px; align-items: baseline}
.n5z{flex: none; width: 28px; height: 28px; margin-top: -4px; display: block}
.n60{display: flex; flex-direction: column; gap: 3px}
.n61{font-size: 14.5px; line-height: 1.5; color: #55514a}
.n62{display: grid; grid-template-columns: repeat(auto-fit, minmax(min(230px, 100%), 1fr)); gap: 1px; background: transparent}
.n63{background: #f4f2ed; box-shadow: 0 0 0 1px #ddd8cd; padding: clamp(22px, 2.6vw, 28px) clamp(18px, 2.2vw, 24px) clamp(26px, 3vw, 32px); display: flex; flex-direction: column; gap: 9px}
.n64{width: 34px; height: 34px; display: block; margin-bottom: 2px}
.n65{margin: 0; font-size: 15.5px; font-weight: 600}
.n66{max-width: 900px; margin: 0 auto; padding: clamp(50px, 7vw, 92px) clamp(20px, 4vw, 40px) 0}
.n67{margin: 0 0 clamp(16px, 2vw, 24px); font-family: 'Instrument Serif', serif; font-weight: 400; font-size: clamp(26px, 3.2vw, 44px); line-height: 1.03; letter-spacing: -0.02em}
.n68{border-top: 1px solid #ddd8cd}
.n69{display: flex; align-items: baseline; justify-content: space-between; gap: 20px; padding: 20px 0; font-size: 16.5px; font-weight: 600; line-height: 1.4}
.n69:hover{color:#2f6b9e !important}
.n6a{flex: none; font-family: 'DM Mono', ui-monospace, monospace; font-size: 15px; color: #8d887d}
.n6b{margin: -4px 0 22px; max-width: 44em; font-size: 15px; line-height: 1.65; color: #55514a; text-wrap: pretty}
.n6c{position: fixed; inset: 0; z-index: 55; display: flex; align-items: center; justify-content: center; padding: clamp(16px, 4vw, 48px)}
.n6d{position: absolute; inset: 0; background: rgba(27,26,23,0.8); backdrop-filter: blur(14px); cursor: pointer}
.n6e{position: relative; width: min(1060px, 100%, calc((100vh - 150px) * 1.7778)); display: flex; flex-direction: column; gap: 12px}
.n6f{display: flex; align-items: center; justify-content: space-between; gap: 16px}
.n6g{font-family: 'DM Mono', ui-monospace, monospace; font-size: 10.5px; letter-spacing: 0.18em; text-transform: uppercase; color: #d8d4ca}
.n6h{appearance: none; flex: none; display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; border: 1px solid rgba(244,242,237,0.45); border-radius: 999px; background: none; font-family: 'Instrument Sans', sans-serif; font-size: 20px; line-height: 1; color: #f4f2ed; cursor: pointer; transition: background 0.16s ease, color 0.16s ease, border-color 0.16s ease}
.n6h:hover{background:#f4f2ed !important;color:#1b1a17 !important;border-color:#f4f2ed !important}
.n6i{position: relative; aspect-ratio: 16 / 9; background: #000; border-radius: 6px; overflow: hidden; box-shadow: 0 48px 110px -36px rgba(0,0,0,0.85)}
.n6j{position: absolute; inset: 0; width: 100%; height: 100%; border: 0}
.n6k{margin: 0 0 clamp(20px, 3vw, 30px); font-family: 'Instrument Serif', serif; font-weight: 400; font-size: clamp(26px, 3.2vw, 44px); line-height: 1.03; letter-spacing: -0.02em}
.n6l{display: grid; grid-template-columns: repeat(auto-fit, minmax(min(250px, 100%), 1fr)); gap: 1px; background: transparent}
.n6m{background: #f4f2ed; box-shadow: 0 0 0 1px #ddd8cd; padding: clamp(26px, 3.2vw, 36px) clamp(20px, 2.4vw, 28px) clamp(30px, 3.6vw, 40px); display: flex; flex-direction: column; gap: 11px}
.n6n{font-family: 'Instrument Serif', serif; font-size: 34px; line-height: 1; color: #2b8cf0}
.n6o{margin: 0; font-size: 17px; font-weight: 600}
.n6p{display: grid; grid-template-columns: repeat(auto-fit, minmax(min(240px, 100%), 1fr)); gap: 1px; background: transparent}
.n6q{background: #f4f2ed; box-shadow: 0 0 0 1px #ddd8cd; padding: clamp(22px, 2.6vw, 30px) clamp(18px, 2.2vw, 24px) clamp(26px, 3vw, 34px); display: flex; flex-direction: column; gap: 9px}
.n6r{font-family: 'Instrument Serif', serif; font-size: clamp(26px, 3vw, 38px); line-height: 1; letter-spacing: -0.02em; color: #1b1a17}
.n6s{width: 168px; height: auto; display: block}
.n6t{max-width: 1180px; margin: 0 auto; padding: clamp(24px, 4vw, 44px) clamp(20px, 4vw, 40px) 0}
.n6u{padding: 13px 26px; border: 1px solid #1b1a17; border-radius: 999px; font-size: 14px; color: #1b1a17}
.n6u:hover{background:#1b1a17 !important;color:#f4f2ed !important}
.n6v{padding: 9px 18px; border: 1px solid #1b1a17; border-radius: 999px; background: #1b1a17; color: #f4f2ed; font-size: 13px}
.n6v:hover{background:#2f6b9e !important;border-color:#2f6b9e !important;color:#f4f2ed !important}
.n6w{appearance: none; padding: 13px 18px; border: 1px solid #ddd8cd; border-radius: 999px; background: none; font-family: 'Instrument Sans', sans-serif; font-size: 13.5px; color: #1b1a17; cursor: pointer}
.n6w:hover{border-color:#8d887d !important}
.n6x{max-width: 860px; margin: 0 auto; padding: clamp(40px, 5.5vw, 72px) clamp(20px, 4vw, 40px) clamp(56px, 8vw, 100px)}
.n6y{display: inline-flex; align-items: center; gap: 8px; font-family: 'DM Mono', ui-monospace, monospace; font-size: 10px; letter-spacing: 0.16em; text-transform: uppercase; color: #8d887d}
.n6y:hover{color:#1b1a17 !important}
.n6z{display: flex; flex-direction: column; align-items: flex-start; gap: 18px; padding-top: clamp(28px, 4vw, 44px)}
.n70{width: clamp(132px, 15vw, 172px); height: clamp(132px, 15vw, 172px); display: block; object-fit: cover; border-radius: 46% 54% 60% 40% / 52% 44% 56% 48%; background: #e7e3da; box-shadow: 0 0 0 1px #ddd8cd}
.n71{display: flex; flex-direction: column; gap: 10px}
.n72{margin: 0; font-family: 'Instrument Serif', serif; font-weight: 400; font-size: clamp(38px, 5.2vw, 74px); line-height: 0.98; letter-spacing: -0.025em}
.n73{font-family: 'DM Mono', ui-monospace, monospace; font-size: 11px; letter-spacing: 0.22em; text-transform: uppercase; color: #8d887d}
.n74{display: flex; flex-direction: column; gap: 18px; padding-top: clamp(28px, 4vw, 40px)}
.n75{margin: 0; font-size: clamp(16px, 1.5vw, 18px); line-height: 1.7; color: #3d3a34; text-wrap: pretty}
.n76{margin-top: clamp(36px, 5vw, 56px); padding-top: clamp(26px, 3.6vw, 38px); border-top: 1px solid #ddd8cd; display: flex; flex-direction: column; gap: 18px}
.n77{margin: 0; font-family: 'Instrument Serif', serif; font-weight: 400; font-size: clamp(24px, 3vw, 34px); line-height: 1.05; letter-spacing: -0.02em}
.n78{display: grid; grid-template-columns: 58px 1fr; gap: 14px; align-items: baseline}
.n79{font-family: 'DM Mono', ui-monospace, monospace; font-size: 11px; letter-spacing: 0.1em; color: #8d887d}
.n7a{font-size: 15px; line-height: 1.55; color: #3d3a34}
.n7b{margin: 0; font-size: clamp(15px, 1.4vw, 17px); line-height: 1.7; color: #3d3a34; text-wrap: pretty}
.n7c{margin-top: clamp(36px, 5vw, 56px); padding-top: clamp(26px, 3.6vw, 38px); border-top: 1px solid #ddd8cd; display: flex; flex-direction: column; align-items: flex-start; gap: 16px}
.n7d{display: flex; flex-wrap: wrap; gap: 10px 40px}
.n7e{display: flex; flex-wrap: wrap; gap: 10px}
.n7f{display: inline-flex; padding: 13px 26px; border: 1px solid #1b1a17; border-radius: 999px; background: none; color: #1b1a17; font-size: 14px}
.n7f:hover{background:#1b1a17 !important;color:#f4f2ed !important}
.n7g{width: clamp(132px, 15vw, 172px); height: clamp(132px, 15vw, 172px); display: block; object-fit: cover; border-radius: 57% 43% 44% 56% / 47% 57% 43% 53%; background: #e7e3da; box-shadow: 0 0 0 1px #ddd8cd}
.n7h{max-width: 1180px; margin: 0 auto; padding: clamp(44px, 6vw, 84px) clamp(20px, 4vw, 40px) clamp(56px, 8vw, 100px); display: grid; grid-template-columns: repeat(auto-fit, minmax(min(400px, 100%), 1fr)); gap: clamp(32px, 5vw, 76px); align-items: start}
.n7i{display: flex; flex-direction: column; gap: clamp(24px, 3vw, 34px)}
.n7j{margin: 0; max-width: 30em; font-size: clamp(16px, 1.4vw, 18px); line-height: 1.6; color: #3d3a34; text-wrap: pretty}
.n7k{display: flex; flex-direction: column; gap: 9px; padding-top: clamp(18px, 2.6vw, 26px); border-top: 1px solid #ddd8cd}
.n7l{margin: 0; max-width: 30em; font-size: 15px; line-height: 1.6; color: #55514a; text-wrap: pretty}
.n7m{margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 12px}
.n7n{display: flex; gap: 12px; align-items: baseline; font-size: 15px; line-height: 1.5; color: #3d3a34}
.n7o{display: flex; flex-direction: column; gap: 14px; padding-top: clamp(20px, 3vw, 28px); border-top: 1px solid #ddd8cd}
.n7p{position: relative; background: #fbfaf7; border: 1px solid #e2ddd2; border-radius: 4px; box-shadow: 0 26px 60px -40px rgba(27,26,23,0.5)}
.n7q{padding: clamp(40px, 6vw, 72px) clamp(24px, 4vw, 44px); display: flex; flex-direction: column; align-items: flex-start; gap: 16px; min-height: 440px; justify-content: center}
.n7r{width: 38px; height: 38px; border-radius: 44% 56% 62% 38% / 54% 42% 58% 46%; background: #3f9166}
.n7s{margin: 0; font-family: 'Instrument Serif', serif; font-weight: 400; font-size: clamp(28px, 3.4vw, 42px); line-height: 1.05; letter-spacing: -0.02em}
.n7t{margin: 0; max-width: 26em; font-size: 15.5px; line-height: 1.6; color: #55514a}
.n7u{appearance: none; margin-top: 8px; padding: 12px 26px; border: 1px solid #1b1a17; border-radius: 999px; background: none; font-family: 'Instrument Sans', sans-serif; font-size: 14px; color: #1b1a17; cursor: pointer}
.n7u:hover{background:#1b1a17 !important;color:#fbfaf7 !important}
.n7v{padding: clamp(26px, 3.4vw, 40px) clamp(22px, 3vw, 36px) clamp(28px, 3.6vw, 40px); display: flex; flex-direction: column; gap: 22px}
.n7w{position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden}
.n7x{display: grid; grid-template-columns: repeat(auto-fit, minmax(min(200px, 100%), 1fr)); gap: 18px}
.n7y{display: flex; flex-direction: column; gap: 7px}
.n7z{font-family: 'DM Mono', ui-monospace, monospace; font-size: 10px; letter-spacing: 0.16em; text-transform: uppercase; color: #7d786e}
.n80{padding: 11px 13px; background: #f4f2ed; border: 1px solid #ddd8cd; border-radius: 3px; font-size: 15px; color: #1b1a17}
.n81{font-size: 12.5px; line-height: 1.4; color: #b4553f}
.n82{text-transform: none; letter-spacing: 0; color: #a8a49a}
.n83{display: flex; flex-wrap: wrap; gap: 8px}
.n84{appearance: none; padding: 12px 16px; border: 1px solid #ddd8cd; border-radius: 999px; background: #f4f2ed; font-family: 'Instrument Sans', sans-serif; font-size: 13.5px; color: #4a463f; cursor: pointer; transition: background 0.14s ease, color 0.14s ease, border-color 0.14s ease}
.n84:hover{border-color:#8d887d !important}
.n85{padding: 11px 13px; background: #f4f2ed; border: 1px solid #ddd8cd; border-radius: 3px; font-size: 15px; line-height: 1.5; color: #1b1a17; resize: vertical}
.n86{display: flex; flex-direction: column; gap: 4px; padding: 14px 16px; background: #f4f2ed; border: 1px solid #b4553f; border-radius: 3px}
.n87{font-size: 14.5px; font-weight: 600; color: #b4553f}
.n88{font-size: 13.5px; line-height: 1.5; color: #55514a}
.n89{display: flex; flex-wrap: wrap; align-items: center; gap: 14px 20px; padding-top: 4px}
.n8a{appearance: none; padding: 15px 32px; border: none; border-radius: 999px; background: #1b1a17; color: #f4f2ed; font-family: 'Instrument Sans', sans-serif; font-size: 15px; cursor: pointer}
.n8a:hover{background:#2f6b9e !important}
.n8b{font-size: 12.5px; line-height: 1.45; color: #8d887d; max-width: 24em}
.n8c{border-top: 1px solid #ddd8cd; padding: clamp(56px, 8vw, 104px) clamp(20px, 4vw, 40px) 0}
.n8d{max-width: 1180px; margin: 0 auto; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(330px, 100%), 1fr)); gap: clamp(22px, 4vw, 60px); align-items: end; padding-bottom: clamp(30px, 4vw, 48px)}
.n8e{margin: 0; font-family: 'Instrument Serif', serif; font-weight: 400; font-size: clamp(32px, 4.4vw, 62px); line-height: 1.0; letter-spacing: -0.025em}
.n8f{margin: 0 0 6px; font-size: clamp(15px, 1.4vw, 18px); line-height: 1.6; color: #3d3a34; text-wrap: pretty}
.n8g{max-width: 1180px; margin: 0 auto; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(250px, 100%), 1fr)); gap: 1px; background: transparent; padding-bottom: clamp(56px, 8vw, 96px)}
.n8h{background: #f4f2ed; box-shadow: 0 0 0 1px #ddd8cd; padding: clamp(24px, 3vw, 32px) clamp(20px, 2.4vw, 28px) clamp(28px, 3.4vw, 38px); display: flex; flex-direction: column; align-items: flex-start; gap: 14px; color: #1b1a17; transition: color 0.14s ease, background 0.14s ease}
.n8h:hover{color:#2f6b9e !important;background:#fbfaf7 !important}
.n8i{width: 92px; height: 92px; display: block; object-fit: cover; border-radius: 46% 54% 60% 40% / 52% 44% 56% 48%; background: #e7e3da; box-shadow: 0 0 0 1px #ddd8cd}
.n8j{margin: 0; font-family: 'Instrument Serif', serif; font-weight: 400; font-size: 24px; line-height: 1.1; letter-spacing: -0.01em}
.n8k{font-family: 'DM Mono', ui-monospace, monospace; font-size: 10px; letter-spacing: 0.16em; text-transform: uppercase; color: #8d887d}
.n8l{margin-top: auto; font-family: 'DM Mono', ui-monospace, monospace; font-size: 10px; letter-spacing: 0.16em; text-transform: uppercase}
.n8m{width: 92px; height: 92px; display: block; object-fit: cover; border-radius: 57% 43% 44% 56% / 47% 57% 43% 53%; background: #e7e3da; box-shadow: 0 0 0 1px #ddd8cd}
.n8n{min-height: 100vh; display: flex; flex-direction: column; background: #f4f2ed}
.n8o{display: flex; align-items: center; height: 68px; padding: 0 clamp(18px, 3.5vw, 40px); border-bottom: 1px solid #ddd8cd}
.n8p{flex: 1; display: flex; flex-direction: column; justify-content: center; gap: clamp(18px, 3vw, 26px); max-width: 720px; margin: 0 auto; padding: clamp(56px, 10vw, 120px) clamp(20px, 4vw, 40px)}
.n8q{display: flex; align-items: center; gap: 14px; font-family: 'DM Mono', ui-monospace, monospace; font-size: 10px; letter-spacing: 0.22em; text-transform: uppercase; color: #8d887d}
.n8r{width: 26px; height: 26px; border-radius: 46% 54% 60% 40% / 52% 44% 56% 48%; background: #d4708f}
.n8s{margin: 0; font-family: 'Instrument Serif', serif; font-weight: 400; font-size: clamp(40px, 6.4vw, 82px); line-height: 0.98; letter-spacing: -0.025em}
.n8t{padding: 15px 30px; border-radius: 999px; background: #1b1a17; color: #f4f2ed; font-size: 15px}
.n8t:hover{background:#2f6b9e !important;color:#f4f2ed !important}
.n8u{padding: 15px 28px; border: 1px solid #1b1a17; border-radius: 999px; font-size: 15px}
.n8u:hover{background:#1b1a17 !important;color:#f4f2ed !important}
.n8v{padding: 26px clamp(20px, 4vw, 40px); border-top: 1px solid #ddd8cd; display: flex; flex-wrap: wrap; gap: 16px; justify-content: space-between; font-family: 'DM Mono', ui-monospace, monospace; font-size: 11px; letter-spacing: 0.06em; color: #8d887d}

[hidden]{display:none !important}
.nav-menu-btn{display:none}
.nav-menu-btn[aria-expanded="true"]{background:#1b1a17 !important;color:#f4f2ed !important;border-color:#1b1a17 !important}
/* Nav bars are frosted, not opaque — the blur only reads if the background
   stays translucent. Inner pages carry the frost from the design file; the
   home header floats clear over the hero and picks it up once there is
   something behind it (site.js toggles .is-scrolled past 8px). backdrop-filter
   is left off at rest there so the hero canvas isn't compositing behind a
   blur layer for nothing; it snaps on while the background is still near
   transparent, so the fade is what you see. */
.site-header{transition:background 0.28s ease,border-color 0.28s ease}
.site-header.is-scrolled{background:rgba(244,242,237,0.72);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom-color:#ddd8cd}
.site-header.nav-open{background:#f4f2ed;backdrop-filter:none;-webkit-backdrop-filter:none}
@media (max-width:720px){
  .nav-wide{display:none !important}
  .nav-menu-btn{display:inline-block}
}
@media (min-width:720.02px){
  .nav-panel{display:none !important}
}
/* Demo video modal (Tools pages): shipped hidden, opened by site.js. The
   entrance animations replay each time [hidden] comes off; .vm-closing plays
   them in reverse before site.js re-hides the overlay. */
.video-modal .vm-backdrop{animation:vmFade 0.3s ease both}
.video-modal .vm-dialog{animation:vmRise 0.42s cubic-bezier(0.22,1,0.36,1) both}
.video-modal.vm-closing .vm-backdrop{animation:vmFade 0.22s ease reverse both}
.video-modal.vm-closing .vm-dialog{animation:vmRise 0.22s ease reverse both}
.note-wrap:hover>div:first-child,.note-wrap:focus-within>div:first-child,.note-wrap.note-intro>div:first-child{opacity:1 !important;transform:translateY(0) !important;visibility:visible !important}
/* The pill idles as just the dot on hover-capable devices; the ~3s .note-intro
   window at session start (site.js) and hover/focus show the full callout.
   Touch devices keep the always-labelled pill — no hover to recover it with. */
@media (hover:hover) and (pointer:fine){
  .note-pill>span:last-child{display:none}
  .note-pill{padding:9px 12px}
  .note-wrap:hover .note-pill>span:last-child,.note-wrap:focus-within .note-pill>span:last-child,.note-wrap.note-intro .note-pill>span:last-child{display:inline}
  .note-wrap:hover .note-pill,.note-wrap:focus-within .note-pill,.note-wrap.note-intro .note-pill{padding:9px 15px 9px 12px}
}