.arjan-villas{--arjan-villas-accent:var(--arjan-gold);position:relative;overflow:hidden;padding:clamp(70px,7vw,110px) 0;background:var(--arjan-cream);color:var(--arjan-ink);font-family:"Manrope",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.arjan-villas__container{width:var(--arjan-container);margin-inline:auto}.arjan-villas__layout{display:grid;grid-template-columns:minmax(340px,.72fr) minmax(0,1.1fr);gap:clamp(55px,8vw,120px);align-items:center}.arjan-villas__media{position:relative;order:2;min-width:0}.arjan-villas__floating-number{position:absolute;z-index:2;top:-58px;left:-18px;color:rgba(6,63,54,.12);font-family:"Cormorant Garamond",Georgia,serif;font-size:clamp(120px,14vw,240px);font-weight:400;line-height:1;pointer-events:none}.arjan-villas__content{position:relative;z-index:3;min-width:0}.arjan-villas__title{max-width:760px;margin:0;font-family:"Cormorant Garamond",Georgia,serif;font-size:clamp(48px,4.35vw,72px);font-weight:500;line-height:.94;letter-spacing:-.043em;text-wrap:balance;overflow-wrap:normal;word-break:normal}.arjan-villas__desc{max-width:650px;margin:28px 0 0;color:#58655f;font-size:17px;line-height:1.75}.arjan-villas__scope-line{margin-top:24px;color:var(--arjan-forest);font-size:11px;font-weight:600;line-height:1.75;letter-spacing:.08em;text-transform:uppercase}.arjan-villas__capabilities{display:grid;grid-template-columns:1fr 1fr;margin:38px 0 32px;border-top:1px solid var(--arjan-line)}.arjan-villas__capability{position:relative;padding:13px 10px 13px 18px;border-bottom:1px solid var(--arjan-line);font-size:12px;font-weight:600;line-height:1.45;letter-spacing:.045em;text-transform:uppercase}.arjan-villas__capability:before{content:"";position:absolute;top:20px;left:0;width:4px;height:4px;background:var(--arjan-villas-accent)}.arjan-villas__link{position:relative;display:inline-flex;align-items:center;gap:12px;min-height:44px;padding-block:6px;border:0!important;border-radius:0!important;background:transparent!important;background-image:none!important;color:var(--arjan-ink)!important;box-shadow:none!important;font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;text-decoration:none!important}.arjan-villas__link:after{content:"";position:absolute;right:0;bottom:4px;left:0;height:1px;background:currentColor;transform:scaleX(.32);transform-origin:left;transition:transform .45s var(--arjan-ease);opacity:.5}.arjan-villas__link:hover,.arjan-villas__link:focus,.arjan-villas__link:focus-visible{background:transparent!important;background-image:none!important;color:var(--arjan-ink)!important;box-shadow:none!important}.arjan-villas__link:hover:after,.arjan-villas__link:focus-visible:after{transform:scaleX(1)}.arjan-villas__arrow{width:18px;height:18px;transition:transform .35s var(--arjan-ease)}.arjan-villas__link:hover .arjan-villas__arrow{transform:translateX(4px)}
.arjan-villa-showcase{position:relative;z-index:1;min-width:0}.arjan-villa-showcase__stage{position:relative;aspect-ratio:1.06/1;overflow:hidden;background:#173a34;box-shadow:0 30px 78px rgba(3,46,41,.13);touch-action:pan-y;isolation:isolate;outline:none}.arjan-villa-showcase__stage:before{content:"";position:absolute;z-index:6;inset:0;border:1px solid rgba(255,255,255,.14);pointer-events:none}.arjan-villa-showcase__stage:after{content:"";position:absolute;z-index:5;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(2,32,28,.04) 0%,rgba(2,32,28,0) 48%,rgba(2,32,28,.40) 100%),linear-gradient(90deg,rgba(2,32,28,.16),transparent 34%)}.arjan-villa-showcase__grid{position:absolute;z-index:6;inset:0;display:grid;grid-template-columns:repeat(3,1fr);pointer-events:none;opacity:.36}.arjan-villa-showcase__grid span{border-right:1px solid rgba(255,255,255,.14)}.arjan-villa-showcase__grid span:last-child{border-right:0}.arjan-villa-showcase__slide{position:absolute;z-index:0;inset:0;margin:0;visibility:hidden;overflow:hidden;pointer-events:none}.arjan-villa-showcase__slide.is-active{z-index:1;visibility:visible}.arjan-villa-showcase__slide img{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--arjan-villa-pos-desktop,50% 50%);transform:scale(1.001);will-change:transform;user-select:none;-webkit-user-drag:none}.arjan-villa-showcase__meta{position:absolute;z-index:8;right:20px;bottom:18px;left:20px;display:flex;align-items:flex-end;justify-content:space-between;gap:20px;color:#fff;pointer-events:none}.arjan-villa-showcase__counter{display:flex;align-items:baseline;gap:7px;text-shadow:0 1px 16px rgba(0,0,0,.24)}.arjan-villa-showcase__current{font-family:"Cormorant Garamond",Georgia,serif;font-size:31px;font-weight:500;line-height:1}.arjan-villa-showcase__total{color:rgba(255,255,255,.62);font-size:9px;font-weight:600;letter-spacing:.12em}.arjan-villa-showcase__active-label{max-width:54%;color:rgba(255,255,255,.84);font-size:8px;font-weight:600;line-height:1.45;letter-spacing:.17em;text-align:right;text-transform:uppercase;text-shadow:0 1px 14px rgba(0,0,0,.24)}.arjan-villa-showcase__nav{display:grid;grid-template-columns:repeat(var(--arjan-villa-count,3),minmax(0,1fr));margin-top:18px;border-top:1px solid rgba(6,63,54,.18)}.arjan-villa-showcase__nav-button{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:center;min-width:0;min-height:58px;padding:0 14px;border:0!important;border-right:1px solid rgba(6,63,54,.13)!important;border-radius:0!important;background:transparent!important;background-image:none!important;color:#66736d!important;box-shadow:none!important;text-shadow:none!important;cursor:pointer;text-align:left;transition:color .35s ease,background .35s ease}.arjan-villa-showcase__nav-button:last-child{border-right:0!important}.arjan-villa-showcase__nav-button:before{content:"";position:absolute;top:-1px;left:0;width:100%;height:2px;background:var(--arjan-forest);transform:scaleX(0);transform-origin:left;transition:transform .5s var(--arjan-ease)}.arjan-villa-showcase__nav-button:hover,.arjan-villa-showcase__nav-button:focus,.arjan-villa-showcase__nav-button:focus-visible{color:var(--arjan-forest)!important;background:rgba(6,63,54,.035)!important;background-image:none!important;box-shadow:none!important}.arjan-villa-showcase__nav-button[aria-pressed="true"]{color:var(--arjan-forest)!important;background:transparent!important}.arjan-villa-showcase__nav-button[aria-pressed="true"]:before{transform:scaleX(1)}.arjan-villa-showcase__nav-num{color:var(--arjan-villas-accent);font-family:"Cormorant Garamond",Georgia,serif;font-size:19px;line-height:1}.arjan-villa-showcase__nav-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:8px;font-weight:600;letter-spacing:.11em;text-transform:uppercase}
@media(max-width:1180px){.arjan-villas__layout{gap:58px}.arjan-villas__title{font-size:clamp(46px,4.8vw,64px)}.arjan-villa-showcase__nav-button{padding-inline:10px}.arjan-villa-showcase__nav-label{font-size:7.5px}}
@media(max-width:960px){.arjan-villas__layout{grid-template-columns:1fr;gap:50px}.arjan-villas__media{order:0;width:100%}.arjan-villas__floating-number{top:-42px}.arjan-villas__title{max-width:850px;font-size:clamp(52px,7.6vw,72px)}.arjan-villa-showcase__stage{aspect-ratio:1.4/1}.arjan-villa-showcase__slide img{object-position:var(--arjan-villa-pos-tablet,var(--arjan-villa-pos-desktop,50% 50%))}.arjan-villa-showcase__nav{margin-top:15px}.arjan-villa-showcase__nav-button{min-height:56px;padding-inline:14px}.arjan-villa-showcase__nav-label{font-size:8px}}
@media(max-width:720px){.arjan-villas{padding:72px 0}.arjan-villas__container{width:calc(100vw - 32px)}.arjan-villas__floating-number{top:-30px;left:-4px;font-size:130px}.arjan-villas__title{font-size:clamp(43px,11.2vw,62px);line-height:.96}.arjan-villas__desc{font-size:16px}.arjan-villas__scope-line{font-size:10px;line-height:1.7;letter-spacing:.05em}.arjan-villas__capabilities{grid-template-columns:1fr}.arjan-villa-showcase__stage{aspect-ratio:1.04/1}.arjan-villa-showcase__slide img{object-position:var(--arjan-villa-pos-mobile,var(--arjan-villa-pos-tablet,var(--arjan-villa-pos-desktop,50% 50%)))}.arjan-villa-showcase__meta{right:16px;bottom:15px;left:16px}.arjan-villa-showcase__current{font-size:27px}.arjan-villa-showcase__active-label{font-size:7.5px}.arjan-villa-showcase__nav{margin-top:13px}.arjan-villa-showcase__nav-button{grid-template-columns:1fr;gap:3px;min-height:58px;padding:8px 8px 7px}.arjan-villa-showcase__nav-num{font-size:18px}.arjan-villa-showcase__nav-label{font-size:7px;line-height:1.3;white-space:normal}}
@media(max-width:390px){.arjan-villas__container{width:calc(100vw - 28px)}.arjan-villas__title{font-size:clamp(41px,11.8vw,48px)}.arjan-villa-showcase__stage{aspect-ratio:.96/1}.arjan-villa-showcase__active-label{max-width:58%;font-size:7px}.arjan-villa-showcase__nav-button{min-height:56px;padding-inline:6px}.arjan-villa-showcase__nav-label{font-size:6.7px}}
@media(max-width:360px){.arjan-villas__title{font-size:42px}}
@media(prefers-reduced-motion:reduce){.arjan-villa-showcase__slide img,.arjan-villa-showcase__nav-button:before,.arjan-villas__link:after,.arjan-villas__arrow{transition:none!important;transform:none!important}}