/* Shared Koos / KM Media visual language, requested for the showcase. */
body[class]{--paper:#06111e;--ink:#eef5ff;--accent:#31bfff;--line:#25435a;--soft:#112c42;--muted:#b5c6da;background-color:var(--paper);background-image:radial-gradient(ellipse at 95% 5%,#07355a88,transparent 38%),linear-gradient(#22466516 1px,transparent 1px),linear-gradient(90deg,#22466516 1px,transparent 1px);background-size:auto,96px 96px,96px 96px;color:var(--ink);font-family:Arial,Helvetica,sans-serif;color-scheme:dark}
body[class] h1,body[class] h2,body[class] .portfolio-intro h1{font-family:Arial,Helvetica,sans-serif;font-weight:800;letter-spacing:-.045em}
body[class] h1 em,body[class] h2 em{font-family:inherit;font-weight:800;font-style:normal;color:var(--accent)}
body[class] .eyebrow{color:#38baff;font-weight:800}
body[class] .button{border:1px solid #319dff;border-radius:999px;background:linear-gradient(115deg,#087ffb,#2856e1 60%,#343b95);box-shadow:0 12px 35px #087cff24;color:#fff;font-weight:800}
body[class] .button:hover{background:linear-gradient(115deg,#20a6ff,#3565ff 60%,#4942b3);box-shadow:0 16px 40px #0788ff38;transform:translateY(-2px)}
.demo-bar{background:#06111ef2;border-bottom:1px solid #23435b;backdrop-filter:blur(14px)}
body[class] .demo-bar a:last-child{color:#6bdcff}.site-nav{min-height:96px}.wordmark{font-weight:900}.nav-cta{color:#65d6ff}
body[class] .hero-copy>p:not(.eyebrow),.restaurant-title>p:not(.eyebrow){color:var(--muted)}
body[class] .beauty-hero figure>img,body[class] .arched img,.fitness-photo img,.auto-image,.estate-image{border-radius:28px;border:1px solid var(--line)}
body[class] .beauty-hero figure>img{border-radius:150px 150px 28px 28px}.beauty-hero figcaption{color:var(--muted)}
body[class] .seal{background:linear-gradient(130deg,#1276b9,#172c69);border-color:#69ccff;color:#fff;box-shadow:0 15px 45px #027aff42}
body[class] .ticker,body[class] .fitness-strip{background:linear-gradient(110deg,#0b2440,#112c4e 50%,#12374f);border-block:1px solid var(--line);color:#5ed4ff}
body[class] .fitness-strip{transform:none}.fitness-hero h1{font-size:clamp(52px,6.1vw,95px)}
body[class] .vertical-label{background:#062440dc;color:#9ee7ff;border-radius:12px}.fitness-photo img{filter:saturate(.75)}
body[class] .program-feature,body[class] .cart-box{background:linear-gradient(125deg,#0a1c2e,#0d2b44);border:1px solid var(--line);border-radius:28px}
body[class] .choice-tabs button.active{background:linear-gradient(115deg,#087ffc,#3248af);color:#fff;border-color:#47baff}
body[class] input,body[class] select,body[class] textarea{background:#061623;border-color:#2b4d65;border-radius:13px;color:var(--ink)}body[class] select option{background:#0c2030;color:var(--ink)}
body[class] .form-result{border:1px solid #3286a7;border-radius:16px;color:#caefff}.booking form{background:linear-gradient(135deg,#0b2033c9,#0c263de6);padding:30px;border:1px solid var(--line);border-radius:28px}
body[class] .auto-services>button,body[class] .dish,body[class] .property{background:linear-gradient(135deg,#0a1b2d,#0d263d);border:1px solid var(--line);border-radius:24px;overflow:hidden;color:var(--ink)}
body[class] .auto-services>button:hover{border-color:#3bbaed;background:#12344b}.auto-services>button>span,.auto-head h1 span{color:var(--accent)}
body[class] .restaurant-hero figure{border:1px solid #2c536a;padding:10px;background:linear-gradient(130deg,#113651,#0b1d32);border-radius:30px;box-shadow:0 20px 60px #0005;transform:rotate(2deg)}
.restaurant-hero figure img{border-radius:22px}.restaurant-hero figcaption{background:transparent;color:var(--ink)}.restaurant-stamp{background:linear-gradient(135deg,#098ffa,#393fb1);color:#fff;box-shadow:0 12px 35px #059bff44}
body[class] .dish h3{font-family:Arial,Helvetica,sans-serif;font-weight:700;font-size:26px}.dish-bottom button{background:#158eee;color:#fff}.cart-link b{background:#178ffc;color:white}
.property-info{padding:25px}.property-info h3{font-family:Arial,Helvetica,sans-serif}.property-filters select{min-height:50px}.property-image{border-radius:0}.estate-caption{background:#061725cf;color:#d9f3ff}.estate-caption span{color:inherit}
body[class] .portfolio-grid img{border-radius:24px;border-color:var(--line)}.portfolio-grid>a{border:none;padding:18px;border-radius:28px;background:linear-gradient(135deg,#0b1b2e,#0d2940);border:1px solid var(--line)}.portfolio-grid a>div{padding:22px 10px 10px}.portfolio-grid b{color:#6cdbff}
body[class] .case-tabs button[aria-pressed=true]{background:linear-gradient(115deg,#087ffc,#3248af);color:white;border-color:#47baff}.case-caption{color:var(--muted)}
body[class] dialog{background:#0b2235;color:var(--ink);border:1px solid #3f718e;border-radius:25px}body[class] .floor-plan{background:#133b52;color:#d3f4ff}
body[class] .faq details{padding:25px 20px}.faq summary{font-weight:700}.faq details[open]{background:#0b253b;border-radius:18px}.commission{background:radial-gradient(ellipse at 0 50%,#0b5e9435,transparent 70%)}
body[class] .round:hover{background:#158ffc;color:white}.small,.demo-note{opacity:1;color:var(--muted)}
@media(max-width:1000px){.booking{gap:30px}.booking form{padding:24px}.restaurant-stamp{right:0}.portfolio-grid{gap:25px}}
@media(max-width:700px){.site-nav{min-height:80px}.fitness-hero h1{font-size:clamp(39px,10.5vw,70px)}.restaurant-title h1{font-size:clamp(47px,12vw,78px)}.booking form{padding:20px}.property-info{padding:22px}.portfolio-grid>a{padding:12px}.portfolio-grid h2{font-size:35px}.case-hero h1{font-size:clamp(30px,8.2vw,48px)}.beauty-hero h1{font-size:clamp(43px,11vw,70px)}.estate-intro h1{font-size:clamp(42px,10.8vw,70px)}}