@font-face{font-family:Caslon;src:url('assets/serif.woff2') format('woff2');font-display:swap}@font-face{font-family:DM;src:url('assets/sans.woff2') format('woff2');font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:#f5f3ec;color:#293932;font-family:DM,Arial,sans-serif;font-size:15px;line-height:1.7}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{display:block;width:100%;height:auto}figure{margin:0}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Caslon,Georgia,serif;font-weight:400;line-height:1.03}h2{font-size:clamp(42px,5vw,72px);letter-spacing:-1.6px;margin-bottom:28px}p{margin-bottom:22px}h1 em{font-style:normal}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #ad9160;outline-offset:5px}.wrap{width:min(1280px,88%);margin-inline:auto}.eyebrow{font-size:10px;font-weight:600;letter-spacing:2px;line-height:1.6;text-transform:uppercase}.icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.4;flex-shrink:0;vertical-align:middle}.skip{position:fixed;top:-100px;left:20px;background:white;padding:12px;z-index:100}.skip:focus{top:15px}.header{height:100px;position:absolute;z-index:10;top:0;left:6%;right:6%;display:flex;align-items:center;justify-content:space-between;color:white;border-bottom:1px solid #ffffff45;gap:30px}.brand{display:inline-flex;flex-direction:column;text-align:center;line-height:1.1}.brand span{font-family:Georgia,serif;font-size:33px;letter-spacing:6px}.brand small{font-size:7px;letter-spacing:2.2px;margin-top:8px}.header nav{display:flex;gap:35px;font-size:12px}.header-cta{display:flex;align-items:center;gap:20px;border:1px solid #ffffff80;padding:12px 20px;font-size:12px;white-space:nowrap}.hero{min-height:760px;height:100svh;max-height:1150px;position:relative;background:#273c40;color:white;isolation:isolate}.hero-media,.hero-shade,.hero-poster,.hero video{position:absolute;inset:0;width:100%;height:100%}.hero video,.hero-poster{object-fit:cover;object-position:center}.hero video{opacity:0;transition:opacity .8s}.hero video.playing{opacity:1}.hero-shade{background:linear-gradient(90deg,#0b171c40,transparent 80%),linear-gradient(180deg,#0b171c66 0%,transparent 30%,#0b171c20 45%,#0b171ce6 100%)}.hero-copy{position:absolute;bottom:120px;left:6%;right:6%;max-width:950px}.hero h1{font-size:clamp(80px,9vw,138px);letter-spacing:-3px;margin:20px 0}.hero-line{font-size:18px;font-weight:300;letter-spacing:.2px}.hero-actions{display:flex;gap:32px;align-items:center;margin-top:28px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;min-height:53px;padding:16px 23px;background:#293c33;color:#fff;font-size:12px;line-height:1.4;border:1px solid transparent;transition:background .2s}.button:hover{background:#455a4d}.button.light{background:#f5f3ec;color:#293932}.button.light:hover{background:#fff}.hero-price{font-size:15px}.hero-price small{display:block;font-size:10px;color:#e1e3dc;margin-top:2px}.hero-bottom{position:absolute;bottom:25px;left:6%;right:6%;display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:.6px}.hero-bottom button{background:transparent;border:1px solid #ffffff70;color:white;font-size:10px;padding:8px 12px;display:flex;gap:15px;align-items:center}.introduction{display:grid;grid-template-columns:1fr 3fr;gap:70px;padding-top:120px;padding-bottom:65px}.section-note p{font-family:Caslon,Georgia,serif;font-size:24px;margin-top:28px}.intro-main h2{font-size:clamp(48px,5.8vw,82px)}.intro-columns{display:grid;grid-template-columns:1fr 1fr;gap:45px;color:#667168;max-width:850px}.architecture-image img{aspect-ratio:16/8.6;object-fit:cover}.architecture-image figcaption,figure figcaption{font-size:10px;color:#737c74;margin-top:12px;line-height:1.6}.specs{display:grid;grid-template-columns:repeat(4,1fr);padding-block:42px 55px;border-bottom:1px solid #d2d6cb}.specs div{padding-inline:25px;border-left:1px solid #d2d6cb}.specs div:first-child{border:0;padding-left:0}.specs strong{font-family:Caslon,Georgia,serif;font-size:46px;display:block;line-height:1.1;font-weight:400}.specs strong small{font-size:22px}.specs span{display:block;text-transform:uppercase;font-size:9px;letter-spacing:1.4px;margin-top:14px}.living{padding-block:120px;display:grid;grid-template-columns:1fr 1fr;gap:11%;align-items:center}.living-image{position:relative}.living-image img{aspect-ratio:4/5;object-fit:cover}.image-index{position:absolute;bottom:20px;left:20px;color:white;font-size:9px;letter-spacing:2px}.living-copy p:not(.eyebrow){color:#687469}.text-link{display:inline-flex;align-items:center;gap:30px;padding:12px 0;border-bottom:1px solid #8a998a;font-size:12px;margin-top:12px}.interiors{background:#e8e9df;padding:100px 0}.section-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:12%;align-items:end;margin-bottom:45px}.section-heading>p{color:#667168;max-width:400px}.interior-grid{display:grid;grid-template-columns:1.65fr 1fr;gap:30px;align-items:start}.interior-grid figure:first-child img{aspect-ratio:1.45;object-fit:cover;object-position:45%}.interior-grid figure:last-child{padding-top:90px}.interior-grid figure:last-child img{aspect-ratio:1;object-fit:cover}.finish-note{display:grid;grid-template-columns:1fr 1fr;gap:9%;border-top:1px solid #c7cdbf;margin-top:45px;padding-top:30px;font-size:12px;color:#667168}.finish-note strong{color:#293932;font-weight:500}.availability{padding-block:120px}.villa-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.villa{border:1px solid #d5d8cc;padding:28px;background:#f9f8f3}.villa-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.status{font-size:9px;color:#5b6b5b}.villa h3{font-size:42px;margin:28px 0 2px}.vat{font-size:10px;color:#727d72;margin-bottom:20px}.plan-link{display:block;background:#fff;margin:0 -12px 18px;padding:8px}.plan-link img{aspect-ratio:1.5;object-fit:contain}.plan-link>span{display:flex;align-items:center;justify-content:space-between;font-size:10px;padding:12px 7px}.villa dl{font-size:12px;margin:20px 0 28px}.villa dl div{display:flex;justify-content:space-between;border-bottom:1px solid #e0e3d9;padding:9px 0}.villa dd{margin:0}.villa dt{color:#6e786d}.villa .button{width:100%}.availability-note{font-size:10px;line-height:1.7;max-width:850px;color:#737d71;margin-top:28px}.setting{display:grid;grid-template-columns:1fr 1fr;background:#e9e8dd;align-items:center}.setting-copy{padding:85px max(45px,12%)}.setting-copy p:not(.eyebrow){color:#657163}.setting figure{align-self:stretch;position:relative;min-height:600px}.setting img{height:100%;object-fit:cover;object-position:50%}.setting figcaption{position:absolute;bottom:0;left:0;right:0;margin:0;padding:30px 20px 16px;color:white;background:linear-gradient(transparent,#182d27a6)}.questions{padding-block:120px;display:grid;grid-template-columns:1fr 1.4fr;gap:10%}.faq-list details{border-bottom:1px solid #d1d6ca;padding:20px 0}.faq-list details:first-child{border-top:1px solid #d1d6ca}.faq-list summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:14px;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font-size:23px;font-weight:300}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{font-size:13px;color:#667166;margin:18px 30px 5px 0}.enquire{background:#23362e;color:#f3f2e8;padding-block:100px}.enquiry-grid{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:start}.enquiry-copy>p:not(.eyebrow){color:#becabc;max-width:430px}.enquiry-copy h2{font-size:clamp(48px,5.5vw,80px)}.contact-links{margin-top:40px;display:grid;gap:14px}.contact-links a{display:flex;align-items:center;gap:25px;font-size:13px}.contact-links a:first-child{font-family:Caslon,Georgia,serif;font-size:32px}.enquiry-copy address{margin-top:40px;color:#bac7b9;font-size:12px;font-style:normal}.form-panel{background:#f7f6f0;color:#293932;padding:30px}.form-panel>.eyebrow{margin-bottom:10px}.pipedriveWebForms{min-height:500px}.pipedriveWebForms iframe{width:100%!important;border:0}.form-note{font-size:10px;line-height:1.5;margin:15px 0 0;color:#6c786a}.selected-villa{padding:12px;border-left:2px solid #c6b692}.footer{padding-block:45px 30px}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-bottom:35px}.footer-top>div{display:flex;gap:30px;font-size:11px}.footer>p{font-size:10px;color:#788173;margin-bottom:10px;max-width:1000px}.mobile-enquire{display:none}@media(min-width:1500px){.hero-copy{left:max(6%,calc((100% - 1400px)/2))}}@media(max-width:1000px){.header nav{gap:18px}.introduction{gap:35px;grid-template-columns:1fr 2.5fr}.villa{padding:18px}.villa h3{font-size:34px}.living{gap:7%}.setting-copy{padding:55px 40px}.setting figure{min-height:620px}.enquiry-grid{gap:6%}.form-panel{padding:20px}.hero{min-height:700px}}@media(max-width:760px){body{font-size:14px}.wrap{width:88%}.header{height:80px;gap:14px}.brand span{font-size:25px;letter-spacing:5px}.brand small{font-size:5.5px;letter-spacing:1.6px}.header nav{display:none}.header-cta{padding:9px 12px;font-size:10px;gap:12px}.header-cta .icon{width:16px}.hero{height:90svh;min-height:650px;max-height:900px}.hero-copy{bottom:100px}.hero h1{font-size:78px;letter-spacing:-2px;line-height:1.02;margin-block:22px}.hero-copy .eyebrow{font-size:8px;letter-spacing:1.5px}.hero-line{font-size:14px;max-width:270px}.hero-actions{align-items:flex-start;gap:22px;flex-direction:column;margin-top:20px}.hero-actions .button{min-height:49px;padding:14px 18px;font-size:11px}.hero-price{font-size:13px}.hero-price small{display:inline;margin-left:6px;font-size:9px}.hero-bottom{bottom:20px;font-size:8px;gap:20px}.hero-bottom>span{max-width:160px}.hero-bottom button{font-size:9px;padding:6px 9px;white-space:nowrap}.hero-bottom .icon{width:16px}.introduction{display:block;padding-block:75px 28px}.section-note{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:35px}.section-note .eyebrow{font-size:8px}.section-note p{font-size:17px;margin:0}.intro-main h2{font-size:50px;letter-spacing:-1px}.intro-columns{grid-template-columns:1fr;gap:0}.intro-columns p{margin-bottom:20px}.architecture-image{width:100%}.architecture-image img{aspect-ratio:1.2;object-position:70%}.architecture-image figcaption{padding-inline:6%;font-size:9px}.specs{grid-template-columns:1fr 1fr;gap:26px 0;padding-block:32px}.specs div{padding:0 16px}.specs div:nth-child(3){border:0;padding-left:0}.specs strong{font-size:36px}.specs strong small{font-size:17px}.specs span{font-size:8px;letter-spacing:.8px;margin-top:10px}.living{grid-template-columns:1fr;padding-block:70px;gap:38px}.living-image{width:88%}.living-image img{aspect-ratio:4/4.7}.living h2,h2{font-size:43px;letter-spacing:-1px}.living-copy{padding-left:6%}.interiors{padding-block:65px}.section-heading{grid-template-columns:1fr;gap:0;margin-bottom:25px}.section-heading>p{max-width:none}.interior-grid{grid-template-columns:1fr;gap:30px}.interior-grid figure:first-child img{aspect-ratio:1.3}.interior-grid figure:last-child{padding-top:0;width:77%;margin-left:auto}.interior-grid figure:last-child img{aspect-ratio:1.05}.finish-note{grid-template-columns:1fr;gap:0;margin-top:30px;padding-top:25px}.finish-note p{margin-bottom:20px}.availability{padding-block:70px}.villa-grid{grid-template-columns:1fr;gap:22px}.villa{padding:25px}.villa h3{font-size:42px}.villa .plan-link img{aspect-ratio:1.65}.villa dl{font-size:12px}.availability-note{font-size:9px;margin-top:22px}.setting{grid-template-columns:1fr}.setting-copy{padding:60px 6% 40px}.setting figure{min-height:0;height:400px}.setting img{object-position:center}.questions{grid-template-columns:1fr;gap:20px;padding-block:70px}.faq-list summary{font-size:13px}.faq-list details p{font-size:12px}.enquire{padding-block:65px}.enquiry-grid{grid-template-columns:1fr;gap:40px}.enquiry-copy h2{font-size:54px}.enquiry-copy address{margin-top:25px}.form-panel{padding:20px 13px}.form-panel>.eyebrow{padding-inline:10px}.form-note{padding-inline:10px}.footer{padding-block:35px 90px}.footer-top{align-items:flex-start;gap:25px}.footer-top>div{flex-direction:column;gap:12px;font-size:10px}.footer p{font-size:9px}.mobile-enquire{display:block;position:fixed;bottom:0;left:0;right:0;z-index:30;background:#f5f3ec;padding:10px 6%;border-top:1px solid #cdd3c5;transition:transform .25s}.mobile-enquire .button{width:100%;min-height:45px;padding-block:12px;font-size:11px}.mobile-enquire.is-hidden{transform:translateY(110%)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}

/* Original Barok logo artwork, matching the main brand website. */
.brand{flex-shrink:0}.brand-logo{display:block;width:180px;height:auto;object-fit:contain}.footer .brand-logo{width:200px;filter:brightness(0);opacity:.86}@media(max-width:760px){.brand-logo{width:145px}.footer .brand-logo{width:180px}}

/* Readable campaign navigation: uppercase, comfortable size and spacing. */
.header nav a,.header .header-cta{text-transform:uppercase;font-size:14px;font-weight:500;letter-spacing:.075em;line-height:1.4}
@media(max-width:1000px) and (min-width:761px){.header{gap:18px}.header nav{gap:18px}.header .header-cta{gap:10px;padding-inline:12px}.header nav a,.header .header-cta{font-size:13px;letter-spacing:.045em}}
@media(max-width:760px){.header .header-cta{font-size:12px;letter-spacing:.045em;padding:12px 10px;min-height:44px;gap:8px}}

@media(min-width:761px) and (max-width:900px){.header .brand-logo{width:150px}.header nav{gap:12px}.header .header-cta{font-size:12px}}@media(max-width:360px){.header{gap:10px}.header .brand-logo{width:115px}.header .header-cta{font-size:11px;padding-inline:8px}}