.hero {position: relative;overflow: hidden;background: radial-gradient( 120% 100% at 100% 0%, oklch(0.34 0.06 260) 0%, var(--navy-deep) 55% ), var(--navy-deep);color: #fff;}.hero::after {content: "";position: absolute;inset: 0;pointer-events: none;background-image: linear-gradient(oklch(1 0 0 / 0.04) 1px, transparent 1px), linear-gradient(90deg, oklch(1 0 0 / 0.04) 1px, transparent 1px);background-size: 46px 46px;mask-image: linear-gradient(120deg, #000 30%, transparent 75%);}.hero .container {position: relative;z-index: 1;display: grid;grid-template-columns: 0.65fr 1.6fr;gap: var(--space-2xl);align-items: stretch;padding-block: clamp(2.5rem, 5vw, 4rem);min-height: clamp(680px, 88vh, 980px);width: 100%;max-width: 100%;margin-inline: 0;padding-inline-start: max(1.25rem, calc((100vw - var(--container)) / 2));padding-inline-end: 0;}.hero-copy {align-self: center;}.hero h1 {color: #fff;font-size: var(--step-5);font-weight: 900;text-transform: uppercase;letter-spacing: -0.015em;line-height: 0.85;}.hero h1 .hl {color: var(--green);}.hero .eyebrow {color: var(--green);}.hero .eyebrow::before {background: var(--green);}.hero p {color: oklch(0.86 0.02 260);font-size: var(--step-1);max-width: 48ch;margin-top: 1.25rem;line-height: 2.2rem;}.hero-actions {display: flex;flex-wrap: wrap;gap: 0.85rem;margin-top: 2rem;}.hero-stats {display: flex;gap: 2.25rem;margin-top: 2.5rem;}.hero-stats dt {font-family: var(--font-display);font-weight: 900;font-size: var(--step-2);color: #fff;}.hero-stats dd {font-size: var(--step--1);color: oklch(0.8 0.02 260);letter-spacing: 0.04em;text-transform: uppercase;}.hero-visual {position: relative;align-self: stretch;min-height: 560px;border-radius: var(--radius-lg) 0 0 var(--radius-lg);overflow: hidden;border: 1px solid oklch(1 0 0 / 0.14);border-right: none;box-shadow: var(--shadow-lg);}.hero-visual img {width: 100%;height: 100%;object-fit: cover;}.hero-badge {position: absolute;bottom: 1rem;left: 1rem;right: 1rem;background: oklch(0.19 0.045 262 / 0.85);backdrop-filter: blur(6px);border: 1px solid oklch(1 0 0 / 0.12);border-radius: var(--radius);padding: 0.85rem 1rem;display: flex;align-items: center;gap: 0.75rem;font-size: var(--step--1);}.hero-badge .m-icon {color: var(--green);width: 1.4em;height: 1.4em;flex: none;}.cat-grid {display: grid;gap: var(--space-md);grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));}.cat-card {position: relative;display: flex;flex-direction: column;gap: 0.65rem;background: var(--paper);border: 1px solid var(--line);border-radius: var(--radius-lg);padding: 1.4rem;transition: transform 0.2s var(--ease-out), box-shadow 0.2s var(--ease-out), border-color 0.2s;overflow: hidden;}.cat-card::before {content: "";position: absolute;inset: 0 0 auto 0;height: 4px;background: var(--green);transform: scaleX(0);transform-origin: left;transition: transform 0.28s var(--ease-out);}.cat-card:hover {transform: translateY(-4px);box-shadow: var(--shadow-md);border-color: var(--line-strong);}.cat-card:hover::before {transform: scaleX(1);}.cat-icon {width: 52px;height: 52px;display: grid;place-items: center;background: var(--blue-50);color: var(--blue-600);border-radius: var(--radius);}.cat-icon .m-icon {width: 1.6em;height: 1.6em;}.cat-card h3 {font-size: var(--step-1);}.cat-card p {color: var(--ink-soft);font-size: var(--step--1);flex: 1;}.cat-card .cat-count {font-family: var(--font-display);font-weight: 700;font-size: 0.78rem;letter-spacing: 0.06em;text-transform: uppercase;color: var(--green-700);}.inv-toolbar {display: flex;flex-wrap: wrap;gap: 0.5rem;align-items: center;margin-bottom: var(--space-xl);}.chip {font-family: var(--font-display);font-weight: 700;font-size: 0.78rem;letter-spacing: 0.04em;text-transform: uppercase;padding: 0.5rem 0.9rem;border-radius: 100px;border: 1px solid var(--line-strong);background: var(--paper);color: var(--ink-soft);cursor: pointer;transition: all 0.15s;}.chip:hover {border-color: var(--blue);color: var(--blue-600);}.chip.is-active {background: var(--navy-deep);border-color: var(--navy-deep);color: #fff;}.inv-count {margin-left: auto;font-size: var(--step--1);color: var(--ink-faint);}.listing-grid {display: grid;gap: var(--space-lg);grid-template-columns: repeat(auto-fill, minmax(270px, 1fr));}.listing-card {position: relative;display: flex;flex-direction: column;background: var(--paper);border: 1px solid var(--line);border-radius: var(--radius-lg);overflow: hidden;transition: transform 0.2s var(--ease-out), box-shadow 0.2s var(--ease-out), border-color 0.2s;}.listing-card:hover {transform: translateY(-5px);box-shadow: var(--shadow-md);border-color: var(--line-strong);}.listing-media {position: relative;aspect-ratio: 4 / 3;background: var(--blue-50);overflow: hidden;}.listing-media img {width: 100%;height: 100%;object-fit: cover;transition: transform 0.4s var(--ease-out);}.listing-card:hover .listing-media img {transform: scale(1.04);}.listing-flags {position: absolute;top: 0.7rem;left: 0.7rem;display: flex;flex-direction: column;gap: 0.4rem;z-index: 2;}.flag {font-family: var(--font-display);font-weight: 800;font-size: 0.66rem;letter-spacing: 0.08em;text-transform: uppercase;padding: 0.32rem 0.55rem;border-radius: 4px;color: #fff;background: var(--navy-deep);}.flag--featured {background: var(--green);color: var(--navy-deep);}.flag--new {background: var(--blue);}.flag--cond {background: oklch(0.27 0.05 260 / 0.85);backdrop-filter: blur(4px);}.listing-card.is-sold .listing-media::after {content: "SOLD";position: absolute;top: 50%;left: 50%;translate: -50% -50%;rotate: -12deg;font-family: var(--font-display);font-weight: 900;font-size: clamp(2.2rem, 9vw, 3.2rem);letter-spacing: 0.05em;color: oklch(0.55 0.2 25 / 0.92);border: 6px solid oklch(0.55 0.2 25 / 0.92);border-radius: 8px;padding: 0.1em 0.35em;text-transform: uppercase;box-shadow: 0 0 0 4px oklch(1 0 0 / 0.35) inset;}.listing-card.is-sold .listing-media img {filter: grayscale(0.65) brightness(0.96);}.listing-body {display: flex;flex-direction: column;gap: 0.7rem;padding: 1.1rem;flex: 1;}.listing-meta {display: flex;align-items: center;gap: 0.5rem;font-family: var(--font-display);font-weight: 700;font-size: 0.7rem;letter-spacing: 0.07em;text-transform: uppercase;color: var(--blue-600);}.listing-meta .dot {width: 4px;height: 4px;border-radius: 50%;background: var(--line-strong);}.listing-meta .brand {color: var(--ink-faint);}.listing-title {font-size: var(--step-1);line-height: 1.1;}.listing-title a::after {content: "";position: absolute;inset: 0;}.spec-rows {margin-top: auto;border-top: 1px dashed var(--line-strong);padding-top: 0.7rem;display: grid;gap: 0.28rem;}.spec-row {display: flex;justify-content: space-between;gap: 1rem;font-size: 0.82rem;}.spec-row dt {color: var(--ink-faint);}.spec-row dd {color: var(--ink);font-variant-numeric: tabular-nums;text-align: right;}.listing-foot {display: flex;align-items: center;justify-content: space-between;gap: 0.75rem;padding: 0.9rem 1.1rem;border-top: 1px solid var(--line);}.price-chip {font-family: var(--font-display);font-weight: 900;font-size: var(--step-1);color: var(--navy-deep);font-variant-numeric: tabular-nums;letter-spacing: -0.01em;}.price-call {font-size: var(--step--1);font-weight: 700;color: var(--blue-600);text-transform: uppercase;letter-spacing: 0.05em;}.listing-foot .view {position: relative;z-index: 3;}.empty {text-align: center;padding: clamp(2.5rem, 6vw, 4.5rem) 1.5rem;border: 2px dashed var(--line-strong);border-radius: var(--radius-lg);background: var(--paper);}.empty .m-icon {width: 3rem;height: 3rem;color: var(--blue);margin-inline: auto;}.empty .btn .m-icon {color: var(--green);}.empty h3 {font-size: var(--step-2);margin-top: 1rem;}.empty p {color: var(--ink-soft);margin-top: 0.5rem;}.empty .btn {margin-top: 1.5rem;}.page-band {background: var(--navy-deep);color: #fff;position: relative;overflow: hidden;}.page-band::after {content: "";position: absolute;inset: 0;background-image: linear-gradient( 90deg, oklch(1 0 0 / 0.04) 1px, transparent 1px );background-size: 46px 46px;mask-image: linear-gradient(120deg, #000, transparent 70%);}.page-band .container {position: relative;z-index: 1;padding-block: clamp(2.5rem, 6vw, 4.5rem);}.page-band .eyebrow {color: var(--green);}.page-band .eyebrow::before {background: var(--green);}.page-band h1 {color: #fff;font-size: var(--step-4);text-transform: uppercase;}.page-band p {color: oklch(0.85 0.02 260);font-size: var(--step-1);max-width: 60ch;margin-top: 0.8rem;}.crumbs {display: flex;gap: 0.5rem;font-size: var(--step--1);color: oklch(0.78 0.02 260);margin-bottom: 1rem;}.crumbs a:hover {color: var(--green);}.detail {display: grid;grid-template-columns: 1.05fr 0.95fr;gap: var(--space-2xl);align-items: start;}.gallery {display: grid;gap: 0.75rem;}.gallery-main {aspect-ratio: 4 / 3;border-radius: var(--radius-lg);overflow: hidden;border: 1px solid var(--line);background: var(--blue-50);position: relative;}.gallery-main img {width: 100%;height: 100%;object-fit: cover;}.gallery-thumbs {display: grid;grid-template-columns: repeat(auto-fill, minmax(80px, 1fr));gap: 0.6rem;}.gallery-thumb {aspect-ratio: 1;border-radius: var(--radius);overflow: hidden;border: 2px solid var(--line);background: var(--blue-50);cursor: pointer;padding: 0;}.gallery-thumb.is-active {border-color: var(--blue);}.gallery-thumb img {width: 100%;height: 100%;object-fit: cover;}.detail-panel {position: sticky;top: 100px;}.detail-meta {display: flex;align-items: center;gap: 0.6rem;flex-wrap: wrap;margin-bottom: 0.6rem;}.detail h1 {font-size: var(--step-3);}.detail .price-row {display: flex;align-items: baseline;gap: 0.75rem;margin-block: 1.25rem;}.detail .price-chip {font-size: var(--step-4);}.detail .price-note {font-size: var(--step--1);color: var(--ink-faint);}.spec-table {width: 100%;border: 1px solid var(--line);border-radius: var(--radius-lg);overflow: hidden;margin-block: 1.5rem;}.spec-table div {display: flex;justify-content: space-between;gap: 1rem;padding: 0.8rem 1.1rem;}.spec-table div:nth-child(odd) {background: var(--blue-50);}.spec-table dt {color: var(--ink-soft);font-weight: 600;font-size: var(--step--1);text-transform: uppercase;letter-spacing: 0.04em;}.spec-table dd {color: var(--ink);font-variant-numeric: tabular-nums;text-align: right;}.detail-desc {color: var(--ink-soft);}.detail-desc h2 {font-size: var(--step-1);margin-block: 1.5rem 0.5rem;color: var(--ink);}.inquire-box {background: var(--navy-deep);color: #fff;border-radius: var(--radius-lg);padding: clamp(1.25rem, 3vw, 1.75rem);margin-top: 1.5rem;}.inquire-box h2 {color: #fff;font-size: var(--step-1);}.inquire-box p {color: oklch(0.84 0.02 260);font-size: var(--step--1);margin-top: 0.35rem;}.inquire-actions {display: grid;gap: 0.6rem;margin-top: 1.1rem;grid-template-columns: 1fr 1fr;}.inquire-actions .btn--block {grid-column: 1 / -1;}.sold-banner {background: oklch(0.55 0.2 25 / 0.12);border: 1px solid oklch(0.55 0.2 25 / 0.4);color: oklch(0.45 0.18 25);border-radius: var(--radius);padding: 0.9rem 1.1rem;font-weight: 600;margin-block: 1rem;display: flex;align-items: center;gap: 0.6rem;}.brand-grid {display: grid;gap: var(--space-lg);grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));}.brand-card {background: var(--paper);border: 1px solid var(--line);border-radius: var(--radius-lg);padding: 1.6rem;display: flex;flex-direction: column;gap: 0.75rem;transition: box-shadow 0.2s, transform 0.2s var(--ease-out);}.brand-card:hover {box-shadow: var(--shadow-md);transform: translateY(-3px);}.brand-wordmark {font-family: var(--font-display);font-weight: 900;font-size: var(--step-2);color: var(--navy-deep);letter-spacing: -0.01em;}.brand-logo {max-width: 160px;max-height: 60px;width: auto;height: auto;object-fit: contain;}.brand-card p {color: var(--ink-soft);font-size: var(--step--1);flex: 1;}.brand-logos {display: flex;flex-wrap: wrap;gap: 1rem 2.5rem;align-items: center;justify-content: center;padding-block: 0.5rem;}.brand-logos span {font-family: var(--font-display);font-weight: 900;font-size: var(--step-2);color: var(--ink-faint);letter-spacing: 0.02em;opacity: 0.8;}.brand-logos__img {max-width: 140px;max-height: 52px;width: auto;height: auto;object-fit: contain;filter: brightness(0) invert(1);opacity: 0.85;}.about-grid {display: grid;grid-template-columns: 1fr 1fr;gap: var(--space-2xl);align-items: center;}.about-media {aspect-ratio: 5 / 4;border-radius: var(--radius-lg);overflow: hidden;border: 1px solid var(--line);background: var(--blue-50);}.about-media img {width: 100%;height: 100%;object-fit: cover;}.value-list {display: grid;gap: 1.1rem;margin-top: 1.5rem;}.value-list li {display: flex;gap: 0.85rem;}.value-list .m-icon {color: var(--green-700);width: 1.5em;height: 1.5em;flex: none;margin-top: 0.1rem;}.value-list strong {font-family: var(--font-display);display: block;}.value-list span {color: var(--ink-soft);font-size: var(--step--1);}.contact-grid {display: grid;grid-template-columns: 1fr 1.15fr;gap: var(--space-2xl);align-items: start;}.contact-cards {display: grid;gap: 1rem;}.contact-card {display: flex;gap: 0.9rem;background: var(--paper);border: 1px solid var(--line);border-radius: var(--radius-lg);padding: 1.25rem;}.contact-card .m-icon {width: 1.5em;height: 1.5em;color: var(--blue);flex: none;}.contact-card h3 {font-size: var(--step-0);}.contact-card a, .contact-card p {color: var(--ink-soft);font-size: var(--step--1);}.contact-card a:hover {color: var(--blue-600);}.map-embed {margin-top: 1rem;border-radius: var(--radius-lg);overflow: hidden;border: 1px solid var(--line);}.map-embed iframe {display: block;width: 100%;height: 300px;border: 0;}form.inquiry {background: var(--paper);border: 1px solid var(--line);border-radius: var(--radius-lg);padding: clamp(1.25rem, 3vw, 2rem);display: grid;gap: 1rem;}.field {display: grid;gap: 0.4rem;}.field.span-2 {grid-column: 1 / -1;}.form-row {display: grid;grid-template-columns: 1fr 1fr;gap: 1rem;}label {font-family: var(--font-display);font-weight: 700;font-size: 0.78rem;letter-spacing: 0.05em;text-transform: uppercase;color: var(--ink-soft);}input, select, textarea {width: 100%;padding: 0.8rem 0.9rem;background: var(--bg);border: 1px solid var(--line-strong);border-radius: var(--radius);color: var(--ink);transition: border-color 0.15s, box-shadow 0.15s;}input:focus, select:focus, textarea:focus {outline: none;border-color: var(--blue);box-shadow: 0 0 0 3px var(--blue-50);}textarea {resize: vertical;min-height: 130px;}.form-note {font-size: var(--step--1);color: var(--ink-faint);}.form-success[hidden] {display: none;}.form-success {display: flex;align-items: flex-start;gap: 0.6rem;background: oklch(0.95 0.07 145);border: 1px solid var(--green-600);color: var(--green-700);border-radius: var(--radius);padding: 0.9rem 1.1rem;font-size: var(--step--1);}.form-success .m-icon {width: 1.3em;height: 1.3em;flex: none;color: var(--green-700);}.faq-wrap {display: grid;grid-template-columns: 0.8fr 1.2fr;gap: var(--space-2xl);align-items: start;}.faq-intro {position: sticky;top: 100px;}.faq-intro h2 {font-size: var(--step-3);margin-top: 0.6rem;}.faq-intro p {color: var(--ink-soft);margin-top: 0.75rem;max-width: 34ch;}.faq-list {display: grid;gap: 0.75rem;}.faq-item {background: var(--paper);border: 1px solid var(--line);border-radius: var(--radius-lg);overflow: hidden;transition: border-color 0.2s, box-shadow 0.2s;}.faq-item[open] {border-color: var(--line-strong);box-shadow: var(--shadow-sm);}.faq-item summary {display: flex;align-items: center;justify-content: space-between;gap: 1rem;padding: 1.1rem 1.25rem;cursor: pointer;list-style: none;font-family: var(--font-display);font-weight: 700;font-size: var(--step-0);color: var(--ink);}.faq-item summary::-webkit-details-marker {display: none;}.faq-item summary:hover {color: var(--blue-600);}.faq-mark {flex: none;width: 30px;height: 30px;display: grid;place-items: center;background: var(--blue-50);color: var(--blue-600);border-radius: 50%;transition: transform 0.25s var(--ease-out), background 0.2s;}.faq-mark .m-icon {width: 1em;height: 1em;transform: rotate(90deg);}.faq-item[open] .faq-mark {transform: rotate(180deg);background: var(--green);color: var(--navy-deep);}.faq-answer {padding: 0 1.25rem 1.25rem;color: var(--ink-soft);}.faq-answer p {max-width: 68ch;}@media (max-width: 900px) {.faq-wrap {grid-template-columns: 1fr;gap: var(--space-lg);}.faq-intro {position: static;}}.cta-band {background: var(--blue);color: #fff;border-radius: var(--radius-lg);padding: clamp(2rem, 5vw, 3.5rem);display: grid;grid-template-columns: 1.4fr auto;gap: var(--space-xl);align-items: center;}.cta-band h2 {color: #fff;font-size: var(--step-3);text-transform: uppercase;}.cta-band p {color: oklch(0.95 0.03 254);margin-top: 0.5rem;max-width: 50ch;}.cta-actions {display: flex;flex-wrap: wrap;gap: 0.85rem;}@media (prefers-reduced-motion: no-preference) {.reveal {opacity: 0;transform: translateY(18px);}.reveal.in {opacity: 1;transform: none;transition: opacity 0.6s var(--ease-out), transform 0.6s var(--ease-out);}}@media (max-width: 1000px) {.hero .container {grid-template-columns: 1fr;width: min(100% - 2.5rem, var(--container));margin-inline: auto;padding-inline-start: 0;}.hero-visual {max-width: 460px;border-radius: var(--radius-lg);border-right: 1px solid oklch(1 0 0 / 0.14);}.detail {grid-template-columns: 1fr;}.detail-panel {position: static;}.about-grid, .contact-grid {grid-template-columns: 1fr;}.trust-strip ul {grid-template-columns: repeat(2, 1fr);}.footer-grid {grid-template-columns: 1fr 1fr;}.cta-band {grid-template-columns: 1fr;}}@media (max-width: 820px) {.nav-toggle {display: inline-flex;flex-direction: column;gap: 5px;justify-content: center;margin-left: auto;width: 46px;height: 46px;border: 1px solid var(--line-strong);background: var(--paper);border-radius: var(--radius);cursor: pointer;align-items: center;}.nav-toggle span {display: block;width: 22px;height: 2px;background: var(--ink);transition: transform 0.25s var(--ease-out), opacity 0.2s;}.nav-toggle[aria-expanded="true"] span:nth-child(1) {transform: translateY(7px) rotate(45deg);}.nav-toggle[aria-expanded="true"] span:nth-child(2) {opacity: 0;}.nav-toggle[aria-expanded="true"] span:nth-child(3) {transform: translateY(-7px) rotate(-45deg);}.nav {position: fixed;inset: 0 0 0 auto;width: min(86vw, 360px);background: var(--paper);border-left: 1px solid var(--line);box-shadow: var(--shadow-lg);padding: 6rem 1.25rem 2rem;transform: translateX(100%);transition: transform 0.3s var(--ease-out);overflow-y: auto;margin: 0;}.nav.open {transform: translateX(0);}.nav-list {flex-direction: column;align-items: stretch;gap: 0.15rem;}.nav-link {width: 100%;justify-content: space-between;padding: 0.85rem 0.75rem;font-size: 0.95rem;}.has-dropdown {display: flex;flex-direction: column;}.dropdown {position: static;opacity: 1;visibility: visible;transform: none;box-shadow: none;border: none;border-left: 0;padding: 0 0 0.5rem 0.75rem;min-width: 0;max-height: 0;overflow: hidden;transition: max-height 0.3s var(--ease-out);}.dropdown.open {max-height: 700px;}.nav-cta {margin: 0.75rem 0 0;}.nav-cta .btn {width: 100%;}.nav-backdrop {position: fixed;inset: 0;background: oklch(0.19 0.045 262 / 0.45);opacity: 0;visibility: hidden;transition: opacity 0.3s;z-index: 99;}.nav-backdrop.open {opacity: 1;visibility: visible;}}@media (max-width: 560px) {.utility-bar .util-tagline {display: none;}.hero-stats {gap: 1.5rem;flex-wrap: wrap;}.trust-strip ul {grid-template-columns: 1fr;}.footer-grid {grid-template-columns: 1fr;gap: var(--space-xl);}.form-row {grid-template-columns: 1fr;}.inquire-actions {grid-template-columns: 1fr;}.listing-grid {grid-template-columns: repeat(auto-fill, minmax(100%, 1fr));}}