/* Strong typography, consistent graphic accents, and generous spacing. */
:root{--dark:#243c3e;--muted:#647974}
header{height:100px}nav{font-weight:500}nav .active{position:relative}nav .active::after{content:'';position:absolute;width:18px;height:3px;background:var(--orange);left:0;bottom:-11px;border-radius:3px}.primary{border-radius:30px;font-weight:500}.hero{grid-template-columns:46% 54%;padding:20px 4% 78px;gap:24px;min-height:640px}.hero-copy{padding:32px 4% 0 4%;background:transparent;position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.hero-copy .eyebrow{color:#476f75;font-size:10px;font-weight:600;letter-spacing:2px;display:flex;align-items:center;gap:11px}.hero-copy .eyebrow::before{content:'';width:9px;height:9px;border-radius:50%;background:var(--orange)}h1{font-size:clamp(37px,3.85vw,62px);font-weight:600;line-height:1.42;letter-spacing:-1.7px;margin:23px 0 19px}h1 .hero-title-line{display:block;color:var(--dark);font-size:.76em;margin-top:7px}h1 .hero-emphasis{display:inline-block;color:var(--teal);position:relative;isolation:isolate}h1 .hero-emphasis::after{content:'';position:absolute;left:-2px;right:-2px;height:9px;bottom:9px;background:#ff704f4d;border-radius:2px;z-index:-1}.hero-copy p{font-size:13px;line-height:2;color:#586d67;font-weight:400;margin:0 0 20px}.hero-link{font-size:12px;background:#253e40;color:white;border-radius:30px;padding:7px 8px 7px 20px;gap:22px;margin:0 0 27px}.hero-link span{width:34px;height:34px}.hero-bottom{margin-top:0;font-size:8px;letter-spacing:1px;color:#59756f}.hero-photo{border-radius:22px;min-height:510px;box-shadow:0 16px 45px #234a4810}.photo-caption{top:23px;left:22px;right:22px;font-size:7px}.floating-note{bottom:25px;right:22px;left:22px;border-radius:12px;padding:16px 20px;justify-content:flex-start;font-size:12px;background:#fffffff0}.floating-note>span{width:38px;height:38px;border-radius:50%;background:#edf4f3;display:grid;place-items:center;font-size:25px}.hero-photo::after{content:'RISQ LAND';position:absolute;left:22px;bottom:113px;color:white;font-size:clamp(30px,4vw,66px);font-weight:600;letter-spacing:-2px;text-shadow:0 2px 18px #19322b40;pointer-events:none}.search-wrap{margin-top:-48px;border-radius:16px;box-shadow:0 16px 42px #2944430d}.tabs .selected{border-bottom-color:var(--orange)}.section{padding-top:66px;padding-bottom:66px}.section-heading{align-items:end;position:relative;border-top:1px solid #cadad3;padding-top:25px}.section-heading .eyebrow{font-weight:600;font-size:9px;color:#50777b;letter-spacing:1.5px;display:flex;align-items:center;gap:9px}.section-heading .eyebrow::before{content:'';width:6px;height:6px;background:var(--orange);border-radius:50%}.section-heading h2{font-size:clamp(27px,2.55vw,39px);font-weight:600;letter-spacing:-.8px;line-height:1.45;margin:14px 0 0;max-width:750px}.section-heading p{font-size:12px;line-height:1.9;margin-bottom:4px;color:#6b7f77}.section-heading h2 .heading-accent{color:var(--teal)}.category-grid{gap:15px;margin-top:30px}.category{border-radius:12px;min-height:100px;padding:23px 18px;transition:transform .2s,background .2s}.category:hover{transform:translateY(-3px)}.category svg{flex-shrink:0}.category strong{font-weight:500}.category small{color:#70847b}.listings{padding-top:42px}.text-button{border:1px solid #b5cdcb;background:#ffffffc9;border-radius:24px;font-size:11px;padding:10px 18px;white-space:nowrap}.list-toolbar{margin:25px 0 20px}.card{border-radius:14px;box-shadow:0 6px 25px #2b4b4508}.card-photo{height:245px}.card-body{padding:22px}.price{font-size:24px;font-weight:600}.card h3{font-weight:500;font-size:14px}.card-location{color:#647b70}.tag{border-radius:18px;padding:6px 12px}.tag.featured{background:var(--orange)}.photo-type{border-radius:18px}.about{border-radius:20px;position:relative;overflow:hidden;padding:54px 5%;margin-top:55px;gap:25px}.about h2{font-size:clamp(29px,3vw,44px);font-weight:600;line-height:1.5;letter-spacing:-1px}.about .eyebrow{color:#50777b;font-weight:600}.about p{font-size:12px;color:#597466}.about-mark{font-size:clamp(58px,7.3vw,110px);letter-spacing:-5px;line-height:.95;opacity:.82;position:relative;z-index:1}.about-mark::before{content:'';position:absolute;width:90px;height:90px;border:2px solid #ff704f90;border-radius:50%;right:-25px;top:-29px;z-index:-1}.about-mark small{letter-spacing:1.3px;font-size:9px;line-height:1.5;display:block;margin-top:16px}.dialog-body h2{font-weight:600}.section-heading h2:empty{display:none}
@media(min-width:1500px){.hero{min-height:710px;padding-top:28px}.hero-photo{min-height:580px}.hero-copy{padding-top:30px}h1{font-size:64px}}
@media(max-width:1000px){header{padding:0 4%}.hero{gap:20px;padding:15px 4% 75px;min-height:600px}.hero-copy{padding-left:0;padding-right:0}.hero-photo{min-height:470px}h1{font-size:37px;letter-spacing:-1.4px}.hero-copy p{font-size:11px}.hero-link{font-size:10px;padding-left:15px;gap:12px}.category{padding:20px 12px;gap:10px}.category strong{font-size:11px}.category small{font-size:8px}.category svg{width:27px}.section-heading h2{font-size:29px}.card-photo{height:195px}.floating-note{font-size:10px;left:15px;right:15px;padding:12px}.floating-note small{font-size:9px}.hero-photo::after{bottom:108px;left:16px}.about-mark{font-size:70px}}
@media(max-width:700px){header{height:84px}.hero{grid-template-columns:1fr;gap:22px;padding:15px 5% 65px;min-height:0}.hero-copy{padding:18px 0 0}.hero-copy .eyebrow{font-size:8px;letter-spacing:1.5px}h1{font-size:clamp(37px,10vw,49px);margin:20px 0 17px;line-height:1.38;letter-spacing:-1.6px}h1 .hero-title-line{font-size:.78em;margin-top:7px}h1 .hero-emphasis::after{bottom:7px;height:8px}.hero-copy p{font-size:12px;line-height:1.95;margin-bottom:19px}.hero-link{font-size:11px;padding-left:18px;margin:0}.hero-bottom{display:none}.hero-photo{min-height:320px;border-radius:16px}.hero-photo::after{font-size:43px;bottom:97px;left:19px}.photo-caption{font-size:6px;top:20px;left:19px;right:19px}.floating-note{bottom:17px;left:17px;right:17px;font-size:10px;padding:12px 14px;border-radius:10px}.floating-note small{font-size:9px}.floating-note>span{width:32px;height:32px;font-size:22px}.search-wrap{margin-top:-38px;width:90%;border-radius:14px}#search{gap:16px}.section{padding:42px 5%}.section-heading{padding-top:20px;gap:12px;align-items:start}.section-heading .eyebrow{font-size:8px;letter-spacing:1px}.section-heading h2{font-size:26px;line-height:1.5;margin-top:12px;letter-spacing:-.6px}.section-heading>p{display:none}.category-grid{margin-top:24px;gap:11px}.category{min-height:86px;padding:17px 14px;gap:12px}.category strong{font-size:12px}.category small{font-size:8px}.category:last-child{min-height:78px}.listings{padding-top:28px}.text-button{font-size:9px;padding:9px 12px;margin-top:0}.listings .section-heading{flex-wrap:wrap}.listings .section-heading>div{flex:1;min-width:180px}.card-photo{height:240px}.card-body{padding:21px}.about{margin:26px 5%;padding:34px 7%;border-radius:17px}.about h2{font-size:29px}.about-mark{display:none}.about p{font-size:11px}.about .primary{font-size:11px}footer{padding-left:5%;padding-right:5%}}

h1,h1 .hero-emphasis{color:var(--orange)}.listings{background:transparent;border:0;box-shadow:none}.listings .section-heading{border-top:0}

h1,h1 .hero-emphasis,h1 .hero-title-line{color:#171b1b}h1 .hero-emphasis::after{background:var(--orange);height:4px;bottom:1px}.category svg{stroke:var(--orange)}.hero-photo::after{display:none}.hero-photo>img:first-child{object-fit:cover;object-position:center center}.hero-photo .photo-caption{display:none}
/* Full-width architectural banner. */
.hero{display:flex;position:relative;isolation:isolate;min-height:760px;padding:230px 6% 90px;gap:0;align-items:flex-start}.hero-photo{position:absolute;inset:0;z-index:-1;border-radius:0;min-height:0;box-shadow:none}.hero-photo>img:first-child{object-fit:cover;object-position:center center}.hero-copy{width:min(430px,42%);padding:27px 30px 26px;border-radius:18px;background:rgba(255,255,255,.88);backdrop-filter:blur(9px);box-shadow:0 15px 40px #213b3d12;justify-content:flex-start}.hero-copy h1{font-size:42px;margin:17px 0 15px;line-height:1.4}.hero-copy h1 .hero-title-line{font-size:.72em}.hero-copy p{font-size:11px;margin-bottom:17px}.hero-copy .hero-link{font-size:10px;margin-bottom:0}.hero-copy .hero-bottom{display:none}.hero-photo .floating-note{display:none}.hero-photo .watermark{width:10%!important;top:86%}.search-wrap{margin-top:-38px}
@media(min-width:1500px){.hero{min-height:850px;padding-top:280px}.hero-copy{width:470px}.hero-copy h1{font-size:48px}.hero-copy p{font-size:12px}}
@media(max-width:1000px) and (min-width:701px){.hero{min-height:690px;padding:225px 5% 75px}.hero-copy{padding:23px;width:40%;min-width:310px}.hero-copy h1{font-size:35px}.hero-copy .hero-link{font-size:9px;gap:10px}}
@media(max-width:700px){.hero{padding:0 0 70px;min-height:0;flex-direction:column;align-items:stretch;gap:0}.hero-photo{position:relative;inset:auto;order:0;width:100%;aspect-ratio:16/11;min-height:0;z-index:0;border-radius:0}.hero-photo>img:first-child{object-fit:cover;object-position:65% center}.hero-copy{order:1;width:90%;margin:-15px auto 0;z-index:1;padding:24px;border-radius:15px;background:rgba(255,255,255,.91);backdrop-filter:blur(5px)}.hero-copy h1{font-size:36px;margin:17px 0 15px}.hero-copy h1 .hero-title-line{font-size:.73em}.hero-copy p{font-size:11px}.hero-copy .hero-link{font-size:10px}.hero-photo .watermark{width:16.6667%!important;top:82%}.search-wrap{margin-top:-37px}}.hero{aspect-ratio:16/9;min-height:620px;padding:0}.hero-copy{position:absolute;left:6%;bottom:85px}.hero-photo>img:first-child{object-fit:cover}
@media(min-width:1500px){.hero{min-height:760px;padding:0}.hero-copy{bottom:100px}}
@media(max-width:1000px){.hero{aspect-ratio:auto;min-height:0;padding:0 0 65px;flex-direction:column;align-items:stretch}.hero-photo{position:relative;inset:auto;order:0;width:100%;aspect-ratio:16/9;min-height:0;z-index:0}.hero-photo>img:first-child{object-fit:cover;object-position:center center}.hero-copy{position:relative;left:auto;bottom:auto;order:1;width:90%;min-width:0;margin:-15px auto 0;z-index:1;background:rgba(255,255,255,.91)}.hero-copy h1{font-size:36px}.search-wrap{margin-top:-37px}}/* Keep the architecture dominant in the full-width composition. */
@media(min-width:1001px){.hero-copy{width:365px;padding:23px 26px;border-radius:14px;background:rgba(255,255,255,.87)}.hero-copy h1{font-size:36px;margin:13px 0}.hero-copy p{font-size:10px;line-height:1.9;margin-bottom:14px}.hero-copy .eyebrow{font-size:8px;letter-spacing:1.7px}.hero-copy .hero-link{font-size:9px}.hero-copy .hero-link span{width:28px;height:28px}.hero-copy{bottom:75px}}
header{position:relative;z-index:3;background:#fff}.hero{width:100%;max-width:100%;overflow:hidden}.hero-photo{z-index:0}.hero-copy{z-index:2}
