.public-section { padding-block:48px; }
.page-title { font-size:clamp(32px,4vw,56px); max-width:24ch; }
.public-footer { padding-block:48px; border-top:1px solid var(--line); }
.public-footer p { max-width:72ch; }
.search-panel { padding:24px; background:var(--surface); border-radius:16px; }
.filter-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; }
.search-panel .actions { margin-top:24px; }
.search-panel details { margin-block:20px; }
.check { display:flex; align-items:flex-start; gap:12px; margin-block:12px; }
.check input { width:22px; min-height:22px; flex-shrink:0; }
.pagination { justify-content:center; align-items:center; margin-block:32px; }
textarea { font:inherit; color:var(--ink); background:var(--surface); width:100%; min-height:120px; padding:12px; border:1px solid #829489; border-radius:12px; resize:vertical; }
textarea:focus-visible,summary:focus-visible { outline:3px solid var(--sage); outline-offset:4px; }
.errorlist { color:var(--error); padding-left:22px; }
button:hover { background:#092e28; cursor:pointer; }
.site-header nav a { font-size:14px; }
@media(max-width:1024px) { .filter-grid {grid-template-columns:repeat(2,minmax(0,1fr));} }
@media(max-width:600px) { .filter-grid {grid-template-columns:1fr;} .search-panel {padding:18px;} .public-section {padding-block:28px;} .site-header {gap:8px;padding-block:14px;} .site-header nav {gap:12px;margin-left:0;} .site-header nav a {padding-block:6px;} }

.consultation {max-width:920px;} .receipt-code {overflow-wrap:anywhere;} .policy-copy {max-width:80ch;}

.public-section h2 {font-size:clamp(26px,3vw,40px);line-height:1.25;margin:0 0 24px;}
.public-section p {max-width:72ch;}
.benefits {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;}
.benefits h3 {font-size:18px;line-height:1.4;}
.category-cards {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;}
.category-cards a {background:var(--surface);border-radius:12px;overflow:hidden;text-decoration:none;padding-bottom:20px;}
.category-cards h3,.category-cards span {margin:16px 20px;}
.category-cards img {width:100%;height:180px;object-fit:cover;display:block;}
.section-heading {display:flex;align-items:baseline;justify-content:space-between;gap:20px;}
.featured-cards {grid-template-columns:repeat(5,minmax(0,1fr));}
.featured-cards .listing-card h2 {font:600 17px/1.5 Manrope,sans-serif;margin:4px 0;}
.lifestyle {display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;}
.lifestyle img {width:100%;height:360px;object-fit:cover;border-radius:16px;}
.map-consultation {display:grid;grid-template-columns:1.2fr 1fr;gap:32px;}
.map-consultation .fields {gap:16px;}
.map-consultation .fields label {font-size:14px;}
.map-empty {min-height:460px;background:var(--line);border-radius:16px;display:grid;place-items:center;padding:24px;}
.bottom-cta {background:var(--forest);color:var(--surface);border-radius:16px;padding:40px;margin-bottom:48px;}
.bottom-cta .button {background:var(--surface);color:var(--forest);}
@media(max-width:1024px) {.featured-cards {grid-template-columns:repeat(3,minmax(0,1fr));}.map-consultation {grid-template-columns:1fr;}.map-empty {min-height:300px;}}
@media(max-width:600px) {.benefits {grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;}.lifestyle {grid-template-columns:1fr;gap:24px;}.lifestyle img {height:260px;}.category-cards {gap:10px;}.category-cards h3,.category-cards span {margin:12px;font-size:14px;}.category-cards img {height:120px;}.section-heading {align-items:flex-start;}.section-heading>a {white-space:nowrap;}.map-consultation .fields {grid-template-columns:1fr;}.featured-cards {grid-template-columns:none;}.bottom-cta {padding:24px;}}

.fields {align-items:start;}
.form-message {grid-column:1/-1;}
.stay-fields {margin-block:20px;}
.stay-fields summary {min-height:44px;padding-block:10px;cursor:pointer;}
.mobile-menu {display:none;}
.public-footer nav {margin:20px 0;}
.transaction-tabs {border:0;padding:0;margin:0 0 24px;display:flex;flex-wrap:wrap;gap:12px;}
.transaction-tabs legend {margin-bottom:12px;}
.transaction-tab {display:inline-flex;align-items:center;gap:8px;padding:12px;border-radius:12px;cursor:pointer;}
.transaction-tab:has(input:checked) {background:var(--forest);color:var(--surface);}
.transaction-tab input {width:18px;min-height:18px;accent-color:var(--sage);}
.range-fields {border:0;margin:0;padding:0;min-width:0;}
.range-fields legend {margin-bottom:8px;}
.range-fields>div {display:flex;gap:8px;}
.area-chips {display:flex;gap:12px;flex-wrap:wrap;margin-top:24px;align-items:center;}
.area-chips a {padding:10px 16px;border:1px solid var(--line);border-radius:24px;}
@media(max-width:767px) {.desktop-nav {display:none;}.mobile-menu {display:block;margin-left:auto;}.mobile-menu summary {min-height:44px;padding:10px;cursor:pointer;}.mobile-menu nav {width:100%;padding:12px 0;}.mobile-menu[open] {width:100%;}.transaction-tabs {gap:4px;}.transaction-tab {font-size:13px;padding:10px 6px;gap:4px;}.quick-search .actions button {width:100%;}}

.form-trap {display:none;} .policy-copy img,.policy-copy video {max-width:100%;height:auto;} .map-frame iframe {width:100%;min-height:380px;border:0;} .news-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;} .news-grid img {width:100%;height:180px;object-fit:cover;border-radius:12px;} .brand {display:inline-flex;align-items:center;gap:8px;} .brand img {flex-shrink:0;} .form-message {overflow-wrap:anywhere;} @media(max-width:767px) {.news-grid {grid-template-columns:1fr;} .category-cards {display:flex;overflow-x:auto;scroll-snap-type:x mandatory;} .category-cards>a {flex:0 0 72%;min-width:180px;scroll-snap-align:start;} .hero-copy .actions {flex-direction:column;align-items:flex-start;}}

/* Reference composition: compact search under hero, four benefits and quiet spacing. */
@media(min-width:1024px) {.hero-preview {min-height:520px;} .hero-copy {padding-block:56px;} .quick-search {position:relative;margin-top:-68px;z-index:2;padding-top:0;} .quick-search .search-panel {box-shadow:0 10px 30px #173c2f0a;} .public-section {padding-block:32px;} .hero-copy h1 {max-width:920px;} .quick-search .transaction-tabs {margin-bottom:16px;} .quick-search .actions {margin-top:16px;}}
@media(max-width:767px) {.transaction-tabs {flex-wrap:nowrap;} .transaction-tab {flex:1;padding:10px 3px;font-size:12px;white-space:nowrap;} .transaction-tab input {width:14px;min-width:14px;} .category-cards>a {flex:0 0 72%;} .hero-preview {min-height:600px;} .public-section {padding-block:28px;}}

@media(max-width:767px) {.quick-search .search-panel {padding:12px;} .transaction-tab {position:relative;min-width:0;justify-content:center;min-height:44px;font-size:12px;} .transaction-tab input {position:absolute;opacity:0;width:1px;min-width:0;height:1px;min-height:0;} .transaction-tab:focus-within {outline:3px solid var(--sage);outline-offset:2px;}}
@media(max-width:359px) {.transaction-tab {font-size:11px;}}

/* Approved demo: consistent line icons and stable card proportions, including empty data. */
.benefit-icon {display:inline-grid;place-items:center;width:52px;height:52px;border-radius:50%;background:#e9ede0;color:var(--forest);} .benefits h3 {font-weight:500;margin:12px 0 8px;} .benefits p {margin:0;color:var(--muted);} .category-copy {padding:16px 20px;} .category-copy h3,.category-copy span {margin:8px 0;} .category-copy svg {display:block;} .category-copy p {font-size:13px;margin:8px 0;color:var(--muted);} .listing-photo-empty {aspect-ratio:4/3;display:grid;place-items:center;padding:16px;background:var(--line);color:var(--muted);font-size:13px;} .listing-card img {aspect-ratio:4/3;height:auto;} .transaction-tab svg {width:20px;height:20px;flex-shrink:0;}
@media(max-width:767px) {.quick-search .filter-grid {gap:10px;} .quick-search .filter-grid>label {padding:8px;border:1px solid var(--line);border-radius:10px;gap:0;font-size:11px;} .quick-search .filter-grid select {border:0;padding:0;min-height:30px;font-size:15px;} .quick-search .range-fields {padding:8px;border:1px solid var(--line);border-radius:10px;} .quick-search .range-fields legend {font-size:11px;margin:0;} .quick-search .range-fields input {border:0;min-height:30px;padding:4px;font-size:15px;} .quick-search .area-filter {display:none;} .transaction-tabs legend {position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);} .quick-search .area-chips {flex-wrap:nowrap;overflow-x:auto;white-space:nowrap;margin-top:16px;padding-bottom:4px;font-size:12px;} .quick-search .area-chips a {padding:8px 12px;} .benefit-icon {width:44px;height:44px;} .benefit-icon svg {width:26px;height:26px;} .category-copy {padding:12px;} .category-copy h3 {font-size:16px;} .category-cards>a {flex-basis:44%;min-width:145px;} .news-grid article:has(img) {display:grid;grid-template-columns:35% minmax(0,1fr);column-gap:16px;align-items:start;} .news-grid article img {grid-row:span 2;height:120px;} .news-grid h3 {font-family:'Noto Serif',serif;font-size:18px;font-weight:400;margin:0;} .news-grid article p {font-size:13px;}}
@media(max-width:359px) {.transaction-tab svg {display:none;}}

@media(max-width:389px) {.transaction-tab svg {display:none;}}


.brand-copy {display:grid;line-height:1.15;gap:5px;} .brand-copy small {font-size:.55em;font-weight:400;} .brand-copy .tagline {font-size:9px;letter-spacing:.12em;text-transform:uppercase;font-weight:600;} .header-phone {display:inline-flex;align-items:center;gap:8px;padding:10px 14px;background:var(--forest);color:var(--surface);border-radius:10px;text-decoration:none;font-size:13px;white-space:nowrap;} .header-phone svg {width:20px;height:20px;} .header-place {font-size:12px;text-decoration:none;} .site-header {gap:16px;} .desktop-nav {gap:16px;} @media(max-width:1199px) and (min-width:768px) {.header-place {display:none;}.desktop-nav {gap:12px;}.site-header nav a {font-size:12px;}} @media(max-width:767px) {.header-place {display:none;}.header-phone {margin-left:auto;padding:10px;border-radius:50%;}.header-phone span {display:none;}.mobile-menu {margin-left:0;}.mobile-menu summary {font-size:0;list-style:none;width:44px;text-align:center;}.mobile-menu summary::after {content:'';background:linear-gradient(currentColor,currentColor) center 25%/22px 1.5px no-repeat,linear-gradient(currentColor,currentColor) center 50%/22px 1.5px no-repeat,linear-gradient(currentColor,currentColor) center 75%/22px 1.5px no-repeat;display:inline-block;width:24px;height:22px;font-size:22px;} .brand-copy .tagline {font-size:8px;}.mobile-menu[open] summary {font-size:14px;width:auto;}.mobile-menu[open] summary::after {content:'';}}

.desktop-nav a {text-decoration:none;} .desktop-nav a:hover {text-decoration:underline;} .hero-copy .button {min-width:220px;} .hero-copy .image-note {margin-top:16px;padding:0;font-size:11px;max-width:64ch;} @media(min-width:768px) {.hero-copy h1 {font-size:clamp(44px,4.6vw,68px);max-width:800px;}} @media(max-width:767px) {.hero-preview {min-height:540px;} .hero-copy {padding-block:28px 100px;} .quick-search {position:relative;margin-top:-88px;padding-top:0;z-index:2;} .hero-copy .image-note {max-width:30ch;font-size:10px;line-height:1.5;}}

.transaction-tabs legend {position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);} .search-tools {display:flex;align-items:center;gap:20px;margin-top:16px;font-size:12px;} .search-tools .area-chips {margin:0;} .featured-filters {margin:0;display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-start;} .featured-filters a {border:1px solid var(--line);border-radius:20px;padding:8px 18px;text-decoration:none;font-size:13px;} .featured-filters [aria-current] {background:var(--forest);color:var(--surface);border-color:var(--forest);} .featured-cards .listing-card h2 {display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;} .listing-card .listing-price {font-size:18px;} .listing-card-copy>p {font-size:13px;} .map-empty {min-height:400px;}
@media(min-width:1024px) {.quick-search .filter-grid {grid-template-columns:repeat(4,minmax(0,1fr)) auto;align-items:end;gap:16px;} .quick-search .search-submit {min-width:160px;} .why-section {display:grid;grid-template-columns:1.25fr 3fr;gap:40px;align-items:start;} .why-section h2 {font-size:34px;margin:0;} .benefits {gap:24px;} .public-footer {display:grid;grid-template-columns:auto 1fr;gap:16px 32px;align-items:center;padding-block:32px;} .public-footer .brand {grid-column:1;grid-row:1;} .public-footer nav {grid-column:2;grid-row:1;justify-self:end;margin:0;} .public-footer p {grid-column:1/-1;margin:0;}}
@media(max-width:1023px) and (min-width:768px) {.quick-search .search-submit {grid-column:1/-1;}}
@media(max-width:767px) {.quick-search .search-submit {width:100%;margin-top:6px;} .search-tools {display:block;} .search-tools .area-chips {margin-top:12px;} .featured-filters {flex-wrap:nowrap;overflow-x:auto;white-space:nowrap;padding-bottom:4px;} .featured-filters a {padding:8px 14px;}.why-section h2 {font-size:28px;}.benefits h3 {font-size:16px;}.benefits p {font-size:13px;}}

.without-hero .quick-search {margin-top:0;} .map-consultation:has(>section:only-child) {grid-template-columns:1fr;}

/* Homepage proportions follow the approved editorial demo; catalog keeps its own scale. */
.visually-hidden {position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);}
.homepage .button,.homepage .search-submit {gap:12px;}
.homepage .button svg,.homepage .search-submit svg {width:24px;height:24px;flex-shrink:0;}
.homepage .transaction-tab {position:relative;}
.homepage .transaction-tab input {position:absolute;opacity:0;width:1px;height:1px;min-height:0;}
.homepage .transaction-tab:focus-within {outline:3px solid var(--sage);outline-offset:2px;}
.homepage .category-cards>a {position:relative;padding:0;}
.homepage .category-copy {position:relative;padding:14px 20px;background:var(--surface);}
.homepage .category-copy>svg {margin-top:-36px;border-radius:50%;background:var(--surface);padding:7px;width:44px;height:44px;}
.homepage .category-copy h3 {font-weight:500;}
.homepage .category-action {position:absolute;right:16px;bottom:18px;}
.homepage .category-action svg {width:24px;height:24px;}
.homepage .category-copy p {padding-right:24px;}
.homepage .listing-card-copy {padding:12px 14px;}
.homepage .listing-card-copy p {margin:6px 0;}
.homepage .listing-card-copy .listing-category {display:inline-block;font-size:11px;padding:2px 8px;background:var(--bg);border-radius:12px;}
.homepage .featured-cards {margin-block:16px 0;}
.homepage .map-consultation>section:nth-child(2) {padding:24px;background:var(--surface);border-radius:16px;box-shadow:0 10px 24px #173c2f08;}
.homepage .bottom-cta {position:relative;overflow:hidden;isolation:isolate;}
.homepage .cta-image {position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;}
.homepage .bottom-cta:has(.cta-image)::before {content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0c4738ed,#0c473840);z-index:-1;}
.homepage .news-grid time {font-size:12px;color:var(--muted);}
.homepage .news-grid h3 {display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;}
.homepage .benefit-icon img {width:28px;height:28px;object-fit:contain;}
.hero-preview>picture {position:absolute;inset:0;display:block;}
/* Published section labels reproduce the Owner's pinned editorial reference. */
.homepage .demo-overline {font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--forest);margin:0 0 8px;}
.homepage .lifestyle-points {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;}
.homepage .lifestyle-points h3 {font:500 13px/1.5 Manrope,sans-serif;margin:6px 0;}
.homepage .lifestyle-points p {font-size:12px;line-height:1.5;}
.homepage .lifestyle-points img {width:32px;height:32px;object-fit:contain;border-radius:0;}
.homepage .news-grid article {background:var(--surface);border-radius:12px;overflow:hidden;}
.homepage .news-grid h3 a {color:var(--ink);text-decoration:none;}
.homepage .news-grid h3 a:hover {text-decoration:underline;}
.homepage .news-grid h3,.homepage .news-grid time,.homepage .news-grid article>p {margin-inline:14px;}
.homepage .news-grid article>p {margin-bottom:14px;}
.homepage .featured-cards .listing-card {position:relative;}
.homepage .featured-cards .listing-category {position:absolute;top:10px;left:8px;margin:0;background:var(--surface);}
.homepage .featured-cards .listing-card img,.homepage .featured-cards .listing-photo-empty {aspect-ratio:16/10;}
.homepage .map-consultation .form-message:empty {display:none;}
@media(min-width:1024px) {
 .homepage .site-header {min-height:76px;}
 .homepage .hero-preview {min-height:450px;}
 .homepage .hero-copy {padding-block:36px 120px;}
 .homepage .quick-search {margin-top:-108px;}
 .homepage .public-section {padding-block:20px;}
 .homepage .quick-search {padding-top:0;}
 .homepage .quick-search .search-panel {padding:16px 20px;}
 .homepage .quick-search .transaction-tabs {margin-bottom:10px;}
 .homepage .quick-search .transaction-tab {min-height:44px;padding:8px 12px;}
 .homepage .quick-search .transaction-tab:has(input:checked) {background:transparent;color:var(--forest);border-radius:0;border-bottom:2px solid var(--forest);}
 .homepage .quick-search .filter-grid {gap:12px;}
 .homepage .quick-search .filter-grid label,.homepage .quick-search .range-fields legend {font-size:12px;line-height:1.4;}
 .homepage .quick-search .filter-grid label {gap:4px;}
 .homepage .quick-search .filter-grid input,.homepage .quick-search .filter-grid select {min-height:44px;padding:8px;font-size:14px;}
 .homepage .quick-search .range-fields legend {margin-bottom:4px;}
 .homepage .quick-search .search-tools {margin-top:10px;}
 .homepage .quick-search .area-chips a {padding:6px 12px;}
 .homepage .public-section h2 {margin-bottom:18px;font-size:36px;}
 .homepage .why-section h2 {font-size:34px;}
 .homepage .category-cards img {height:150px;}
 .homepage .category-copy {padding-block:12px;}
 .homepage .category-copy h3 {font-size:22px;margin:4px 0;}
 .homepage .category-copy p {margin:4px 0;}
 .homepage .featured-cards .listing-card h2 {font:600 17px/1.4 Manrope,sans-serif;margin:4px 0;}
 .homepage .category-copy>svg {width:40px;height:40px;margin-top:-32px;}
 .homepage .category-cards>a {height:200px;}
 .homepage .category-cards img {height:100%;position:absolute;inset:0;}
 .homepage .category-copy {position:absolute;inset:auto 0 0;min-height:104px;padding-top:28px;background:linear-gradient(0deg,var(--surface) 42%,#fffef9e8 68%,#fffef900);}
 .homepage .category-copy>svg {margin-top:-12px;}
 .homepage .category-copy h3 {font-size:20px;}
 .homepage .featured-heading {display:flex;align-items:center;gap:24px;flex-wrap:wrap;}
 .homepage .featured-heading .section-heading {display:contents;}
 .homepage .featured-heading h2 {font-size:25px;margin:0;}
 .homepage .featured-heading .section-heading>a {margin-left:auto;order:3;font-size:12px;}
 .homepage .featured-filters {gap:8px;}
 .homepage .featured-filters a {padding:6px 12px;}
 .homepage .lifestyle {gap:32px;}
 .homepage .lifestyle img {height:300px;}
 .homepage .map-empty {min-height:360px;}
 .homepage .map-consultation {grid-template-columns:1.65fr minmax(0,1fr);}
 .homepage .map-consultation:has(>section:only-child) {grid-template-columns:1fr;}
 .homepage .map-consultation .fields {gap:10px;}
 .homepage .map-consultation .fields label {gap:4px;font-size:12px;line-height:1.4;}
 .homepage .map-consultation .fields input,.homepage .map-consultation .fields select {min-height:44px;padding:8px;font-size:14px;}
 .homepage .map-consultation textarea {min-height:72px;padding:8px;font-size:14px;}
 .homepage .news-grid img {height:140px;}
 .homepage .news-grid h3 {font:400 21px/1.35 'Noto Serif',serif;margin:12px 0 6px;}
 .homepage .news-grid p {font-size:13px;margin:0;}
 .homepage .bottom-cta {padding:28px 36px;margin-block:20px 24px;}
 .homepage .bottom-cta h2 {max-width:32ch;margin:0 0 8px;}
 .homepage .bottom-cta p {margin:0 0 16px;}
 .homepage .public-footer {padding-block:16px;font-size:11px;gap:8px 24px;}
 .homepage .bottom-cta {display:grid;grid-template-columns:1fr auto;gap:8px 24px;align-items:center;}
 .homepage .bottom-cta .actions {grid-column:2;grid-row:1/4;}
}
@media(max-width:767px) {
 .homepage .site-header {min-height:72px;padding-block:10px;}
 .homepage .hero-preview {min-height:500px;}
 .homepage .hero-copy {padding-block:16px 88px;}
 .homepage .search-tools .area-chips {display:none;}
 .homepage .public-section {padding-block:22px;}
 .homepage .quick-search {padding-top:0;}
 .homepage .why-section>h2 {position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);}
 .homepage .benefits-intro {position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);}
 .homepage .benefits {grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;}
 .homepage .benefits h3 {font-size:13px;line-height:1.35;}
 .homepage .benefits p {font-size:11px;line-height:1.5;}
 .homepage .category-cards {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible;gap:10px;}
 .homepage .category-cards>a {min-width:0;}
 .homepage .category-cards img {height:120px;}
 .homepage .category-copy {padding:10px;}
 .homepage .category-copy h3 {font-size:14px;overflow-wrap:anywhere;}
 .homepage .category-copy p {font-size:11px;padding:0;line-height:1.45;margin-bottom:32px;}
 .homepage .category-copy>svg {width:36px;height:36px;margin-top:-28px;padding:5px;}
 .homepage .featured-cards .listing-card {flex:0 0 calc((100% - 12px)/2);}
 .homepage .featured-cards {gap:12px;}
 .homepage .featured-cards .listing-card-copy {padding:10px;}
 .homepage .featured-cards .listing-card h2 {font-size:14px;line-height:1.4;}
 .homepage .featured-cards .listing-card-copy>p {font-size:11px;}
 .homepage .featured-cards .listing-card .listing-price {font-size:16px;}
 .homepage .map-consultation .fields {grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
 .homepage .map-consultation .fields input,.homepage .map-consultation .fields select {font-size:13px;padding:8px;}
 .homepage .map-consultation .fields label {font-size:12px;}
 .homepage .map-consultation>section:nth-child(2) {padding:20px 14px;}
 .homepage .public-footer .brand {font-size:28px;}
 .homepage .public-footer nav {justify-content:center;font-size:12px;gap:12px;}
 .homepage .news-grid article:has(img)>:not(img) {grid-column:2;}
 .homepage .news-grid article img {grid-row:1/4;}
 .homepage .news-grid article {padding-right:12px;gap:6px 0;}
 .homepage .news-grid h3,.homepage .news-grid time,.homepage .news-grid article>p {margin:0 0 0 12px;}
 .homepage .news-grid article>p {margin-bottom:8px;}
 .homepage .section-heading>a {font-size:11px;}
 .homepage .news-grid h3 {font-size:16px;}
 .homepage .lifestyle {position:relative;isolation:isolate;overflow:hidden;border-radius:12px;grid-template-columns:42% minmax(0,1fr);gap:14px;align-items:start;min-height:320px;}
 .homepage .lifestyle>img {position:absolute;inset:0;width:100%;height:100%;object-position:38% center;border-radius:0;z-index:-2;}
 .homepage .lifestyle:has(>img)::before {content:'';position:absolute;inset:0;background:linear-gradient(90deg,#f7f6ee00 18%,#f7f6eecf 40%,var(--bg) 62%);z-index:-1;}
 .homepage .lifestyle-story {grid-column:2;padding:16px 8px 16px 0;}
 .homepage .lifestyle h2 {font-size:22px;line-height:1.3;margin-bottom:12px;}
 .homepage .lifestyle-story>p {font-size:13px;line-height:1.6;}
 .homepage .lifestyle-points {grid-template-columns:1fr;gap:8px;}
 .homepage .lifestyle-points h3 {font-size:12px;}
}

@media(max-width:359px) {
 .homepage .benefits {grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;}
 .homepage .benefits h3 {font-size:14px;}
 .homepage .benefits p {font-size:12px;}
 .homepage .category-cards {display:flex;overflow-x:auto;scroll-snap-type:x mandatory;}
 .homepage .category-cards>a {flex:0 0 44%;min-width:135px;}
 .homepage .map-consultation .fields {grid-template-columns:1fr;}
 .homepage .lifestyle {grid-template-columns:36% minmax(0,1fr);}
 .homepage .lifestyle h2 {font-size:20px;}
}