@import url('https://fonts.googleapis.com/css2?family=Kanit:wght@300;400;500;600&display=swap');
:root{--catalog-navy:#142840;--catalog-gold:#947442;--catalog-paper:#f7f6f2;--catalog-muted:#65717c}
html{scroll-behavior:smooth;scroll-padding-top:105px}.catalog-page{margin:0;background:var(--catalog-paper);color:var(--catalog-navy);font-family:'Kanit',sans-serif;font-weight:300;-webkit-font-smoothing:antialiased}.catalog-page *{box-sizing:border-box}.catalog-page [hidden]{display:none!important}.catalog-page a{text-decoration:none}.catalog-page :focus-visible{outline:3px solid #947442;outline-offset:5px}.catalog-wrap{width:min(1280px,calc(100% - 80px));margin-inline:auto}.skip-link{position:fixed;top:-80px;left:20px;z-index:100;background:white;padding:14px}.skip-link:focus{top:10px}
.catalog-page header{border-bottom:1px solid #e1e3e5;box-shadow:none;background:#fff}.catalog-page header .container,.catalog-page footer .container{max-width:1360px}.catalog-page header nav a{font-size:14px}.catalog-page header a:hover{transition:background .2s,color .2s}.catalog-page #mobile-menu{display:none}.catalog-page #mobile-menu.is-open{display:block}.catalog-page header button svg:nth-of-type(2){display:none}.catalog-page header button[aria-expanded=true] svg:first-of-type{display:none}.catalog-page header button[aria-expanded=true] svg:nth-of-type(2){display:block}.cart-badge{min-width:20px;height:20px;border-radius:50%}
.catalog-hero{padding:36px 0 64px;background:#edece6}.hero-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:64px;align-items:center}.breadcrumbs{display:flex;gap:12px;font-size:12px;color:var(--catalog-muted);margin-bottom:44px}.eyebrow{font-size:11px;letter-spacing:.2em;font-weight:500;color:var(--catalog-gold);margin:0 0 16px}.hero-copy h1{font-size:clamp(36px,3.5vw,53px);font-weight:400;line-height:1.3;letter-spacing:-.025em;margin:0 0 22px}.hero-copy h1 span{display:block;font-size:clamp(22px,2.1vw,31px);font-weight:300;margin-top:12px}.hero-description{max-width:410px;font-size:16px;line-height:1.9;color:#56616a;margin-bottom:28px}.catalog-button{display:inline-flex;gap:35px;align-items:center;justify-content:center;background:var(--catalog-navy);color:#fff;padding:14px 23px;font-size:14px;font-weight:400;border:1px solid var(--catalog-navy);cursor:pointer;transition:background .2s,transform .2s}.catalog-button:hover{background:#314a62;transform:translateY(-2px)}.hero-note{display:flex;align-items:center;gap:16px;margin-top:30px}.hero-note strong{font-family:Georgia,serif;font-size:38px;font-weight:400}.hero-note span{border-left:1px solid #c7c4ba;padding-left:16px;font-size:12px;line-height:1.7;color:#667078}.hero-image{position:relative;display:block;overflow:hidden;align-self:stretch;min-height:440px;background:#dce2e5}.hero-image>img{width:100%;height:100%;position:absolute;object-fit:cover;transition:transform .7s}.hero-image:hover img{transform:scale(1.025)}.hero-caption{position:absolute;bottom:0;left:0;right:0;padding:45px 25px 22px;color:white;background:linear-gradient(transparent,#142840d9);display:flex;justify-content:space-between;align-items:center;font-size:23px}.hero-caption small{display:block;font-size:12px;font-weight:300;letter-spacing:.05em}
.collection{padding-top:66px;padding-bottom:65px}.collection-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:30px}.collection h2,.consultation h2{font-size:32px;line-height:1.4;font-weight:400;margin:0}.category-tabs{display:flex;gap:4px;background:#eaeae4;padding:5px}.category-tabs a{padding:11px 22px;font-size:14px;color:#53606c}.category-tabs a[aria-current]{background:var(--catalog-navy);color:#fff}.catalog-filters{display:grid;grid-template-columns:2fr 1fr 1fr;gap:20px;padding:23px 25px;background:#fff;border:1px solid #e0e2df}.catalog-filters label{font-size:12px;font-weight:400;color:#53606c}.catalog-filters input,.catalog-filters select{display:block;width:100%;padding:11px 12px;margin-top:8px;border:1px solid #d9deda;background:#fff;border-radius:0;color:var(--catalog-navy);font:inherit;font-size:14px;min-height:45px}.result-count{font-size:12px;color:var(--catalog-muted);margin:23px 0 19px}.house-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 25px}.house-card{background:#fff;border:1px solid #e0e2df;transition:transform .3s,box-shadow .3s,border-color .3s;min-width:0}.house-card:hover,.house-card:focus-within{transform:translateY(-7px);box-shadow:0 18px 38px #14284016;border-color:#ad946d}.house-card-link{display:block;height:100%;color:inherit}.house-photo{position:relative;overflow:hidden;aspect-ratio:3/2;background:#e9edee}.house-photo img{width:100%;height:100%;object-fit:cover;transition:transform .55s}.house-card:hover img,.house-card:focus-within img{transform:scale(1.045)}.house-code{position:absolute;top:16px;left:16px;padding:6px 12px;background:#fffffff0;font-size:12px;letter-spacing:.09em;font-weight:500}.photo-arrow{position:absolute;right:16px;bottom:16px;border-radius:50%;background:#fff;color:var(--catalog-navy);width:37px;height:37px;display:grid;place-items:center;transition:background .3s,color .3s}.house-card:hover .photo-arrow{background:var(--catalog-navy);color:#fff}.house-body{padding:23px 25px 0}.house-style{font-size:11px;color:var(--catalog-gold);letter-spacing:.1em;margin:0 0 6px;font-weight:400}.house-body h3{font-weight:400;font-size:24px;margin:0 0 16px}.house-area{font-size:12px;margin:0 0 20px}.house-area strong{font-size:23px;font-weight:400}.house-area span{float:right;color:var(--catalog-muted);padding-top:10px}.house-specs{display:grid;grid-template-columns:repeat(3,1fr);margin:0 0 21px}.house-specs>div{border-right:1px solid #e4e6e4;text-align:center}.house-specs>div:first-child{text-align:left}.house-specs>div:last-child{border:0}.house-specs dt{color:var(--catalog-muted);font-size:11px}.house-specs dd{font-size:20px;font-weight:400;margin:5px 0 0}.house-specs small{font-size:11px;font-weight:300}.card-bottom{border-top:1px solid #e6e6e1;display:flex;justify-content:space-between;padding:17px 0;font-size:13px;font-weight:400}.card-bottom>span:last-child{transition:transform .3s}.house-card:hover .card-bottom>span:last-child{transform:translateX(5px)}.empty-results{text-align:center;padding:50px 20px;background:#fff}.empty-results p{margin:15px}.consultation{border-top:1px solid #d7d8d0;padding:44px 0;display:flex;justify-content:space-between;gap:28px;align-items:center}.consultation p:not(.eyebrow){font-size:14px;color:var(--catalog-muted);margin-top:13px}.catalog-page footer{margin-top:25px;background:var(--catalog-navy)}.catalog-page footer h5{color:#d4bd93}.catalog-page footer a:hover{color:#e2c79d}
@media(min-width:768px){.catalog-page #mobile-menu.is-open{display:none}}
@media(max-width:1100px){.hero-layout{gap:30px;grid-template-columns:1fr 1fr}.catalog-wrap{width:calc(100% - 48px)}.house-grid{gap:22px}.house-body{padding:20px 17px 0}.catalog-page header nav{gap:0}.catalog-page header nav a{padding-inline:8px}.hero-image{min-height:420px}}
@media(max-width:850px){.hero-layout{grid-template-columns:1fr}.hero-image{min-height:0;aspect-ratio:3/2}.hero-copy{position:relative}.breadcrumbs{margin-bottom:25px}.hero-note{position:absolute;bottom:0;right:0}.hero-description{max-width:540px}.house-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.collection-heading{align-items:flex-start}.category-tabs a{padding:10px 13px}.consultation{align-items:flex-start;flex-direction:column}}
@media(max-width:560px){.catalog-wrap{width:calc(100% - 36px)}.catalog-hero{padding:24px 0 30px}.hero-layout{gap:28px}.hero-copy h1{font-size:37px}.hero-copy h1 span{font-size:23px}.hero-description{font-size:14px}.hero-note strong{font-size:29px}.hero-note span{font-size:10px;padding-left:10px}.hero-note{gap:10px}.catalog-button{gap:18px;padding:12px 17px}.hero-caption{padding:35px 18px 16px}.collection{padding-top:38px;padding-bottom:38px}.collection-heading{flex-direction:column;gap:22px}.collection h2,.consultation h2{font-size:27px}.category-tabs{width:100%}.category-tabs a{flex:1;text-align:center}.catalog-filters{grid-template-columns:1fr 1fr;gap:15px;padding:18px}.search-label{grid-column:1/-1}.catalog-filters input,.catalog-filters select{font-size:13px;padding:10px 7px}.house-grid{grid-template-columns:1fr;gap:25px}.house-body{padding:22px 24px 0}.consultation{padding-top:30px}.catalog-page footer{padding-top:40px}.catalog-page footer .grid{gap:30px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.catalog-page *{transition:none!important}.house-card:hover,.house-card:focus-within,.house-card:hover img,.hero-image:hover img{transform:none}}
