@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@500;700;800&family=Tajawal:wght@500;700;800;900&family=JetBrains+Mono:wght@500;600&display=swap";:root{--sand:#ECE6DB;--cream:#F5F1E9;--paper:#FBF8F2;--ink:#23241F;--ink2:#3A3C33;--stone:#8C887C;--stone2:#B7B2A6;--timber:#A67C4E;--sage:#6E7560;--clay:#B07A55;--accent:var(--timber);--line:rgba(35,36,31,.12);--maxw:1280px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Tajawal,sans-serif;background:var(--sand);color:var(--ink);overflow-x:hidden;line-height:1.6}body.lenis{height:auto}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}.en{font-family:Plus Jakarta Sans,sans-serif}.mono{font-family:JetBrains Mono,monospace}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 40px}@media (max-width:760px){.wrap{padding:0 20px}}.nav{position:fixed;top:0;inset-inline:0;z-index:60;display:flex;align-items:center;justify-content:space-between;padding:18px 40px;transition:.4s}.nav.solid{background:#fbf8f2d1;backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.nav .logo{display:flex;align-items:center;gap:10px;font-weight:900;font-size:21px;color:#fff;text-shadow:0 1px 10px rgba(0,0,0,.4)}.nav.solid .logo{color:var(--ink);text-shadow:none}.logo .dot{width:12px;height:12px;border-radius:50%;background:var(--accent)}.nav .links{display:flex;gap:24px;font-weight:700;font-size:14px;color:#fff;text-shadow:0 1px 8px rgba(0,0,0,.4)}.nav.solid .links{color:var(--ink);text-shadow:none}.nav .links a{opacity:.92;transition:.2s}.nav .links a:hover{color:var(--accent);opacity:1}.btn{display:inline-block;background:var(--ink);color:var(--cream);border:0;border-radius:999px;padding:12px 24px;font-family:Tajawal;font-weight:800;font-size:14px;cursor:pointer;transition:.3s;will-change:transform}.btn:hover{background:var(--accent);color:#fff}.btn-ghost{background:transparent;border:1.5px solid var(--line);color:var(--ink)}@media (max-width:860px){.nav .links{display:none}.nav{padding:14px 20px}}.sw{position:fixed;top:72px;inset-inline-end:40px;z-index:60;display:flex;gap:8px}.sw button{width:22px;height:22px;border-radius:50%;border:2px solid rgba(255,255,255,.8);cursor:pointer;box-shadow:0 1px 5px #00000040}@media (max-width:860px){.sw{inset-inline-end:16px;top:62px}}.intro{position:relative;height:100vh;min-height:620px;overflow:hidden}.intro .ph{position:absolute;inset:0;background:url(/images/villa.jpg) center/cover;transition:filter .9s}body.night .intro .ph{filter:brightness(.5) saturate(.82) hue-rotate(8deg) contrast(1.05)}.intro .sc{position:absolute;inset:0;background:linear-gradient(180deg,rgba(28,26,22,.36),transparent 38%,rgba(28,26,22,.72))}.icopy{position:absolute;z-index:4;inset-inline-start:40px;bottom:118px;max-width:780px;color:#fff;text-shadow:0 2px 22px rgba(0,0,0,.5)}.kick{font-family:JetBrains Mono;font-size:12px;letter-spacing:5px;font-weight:600;margin-bottom:14px;display:flex;gap:12px;align-items:center}.kick:before{content:"";width:32px;height:2px;background:var(--accent)}.icopy h1{font-weight:900;font-size:clamp(38px,6vw,82px);line-height:1.07;letter-spacing:-1.5px}.icopy h1 .ac{color:var(--accent)}body.night .icopy h1 .ac{color:#e7d8c4}.icopy .sub{font-weight:500;font-size:clamp(15px,1.6vw,20px);opacity:.92;margin-top:16px;max-width:540px}.toggle{position:absolute;z-index:5;bottom:120px;inset-inline-end:40px;display:flex;gap:4px;background:#ffffff29;backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.3);border-radius:999px;padding:5px}.toggle button{border:0;background:transparent;color:#fff;font-family:Tajawal;font-weight:800;font-size:14px;padding:10px 22px;border-radius:999px;cursor:pointer}.toggle button.on{background:#fff;color:var(--ink)}.hint{position:absolute;z-index:5;bottom:52px;inset-inline-start:50%;transform:translate(50%);font-family:JetBrains Mono;font-size:11px;letter-spacing:3px;color:#fff;opacity:.75;animation:bob 2s infinite}@keyframes bob{0%,to{transform:translate(50%)}50%{transform:translate(50%) translateY(6px)}}@media (max-width:760px){.icopy{inset-inline-start:20px;bottom:150px}.toggle{inset-inline-end:50%;transform:translate(50%)}}.exp{position:relative;background:linear-gradient(180deg,var(--sand),var(--cream))}.vp{position:relative;height:100vh;overflow:hidden;display:flex;align-items:center;justify-content:center}.vp .eyebrow{position:absolute;top:38px;inset-inline:0;text-align:center;font-family:JetBrains Mono;font-size:12px;letter-spacing:5px;color:var(--accent)}.stage{position:relative;width:min(1240px,94vw);aspect-ratio:16/10}.base{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:12px;box-shadow:0 40px 90px #23241f38}body.night .base{filter:brightness(.52) saturate(.82) hue-rotate(8deg)}.part{position:absolute;will-change:transform}.part img{width:100%;height:100%;object-fit:fill;filter:drop-shadow(0 10px 18px rgba(0,0,0,.28))}.cap{position:absolute;z-index:8;max-width:236px;background:#fbf8f2;border:1px solid var(--line);border-radius:14px;padding:13px 16px;opacity:0;box-shadow:0 14px 30px #23241f24}body.night .cap{background:#1c1c18b3;border-color:#ffffff24;color:#fff}.cap .n{font-family:JetBrains Mono;font-size:11px;letter-spacing:2px;color:var(--accent);font-weight:600}.cap h3{font-weight:800;font-size:18px;margin:5px 0 4px}.cap p{font-weight:500;font-size:13px;color:var(--stone);line-height:1.6}body.night .cap p{color:#cdc8bd}.sec{padding:120px 0}.eyebrow{font-family:JetBrains Mono;font-size:12px;letter-spacing:4px;color:var(--accent);font-weight:600}.sec h2{font-weight:900;font-size:clamp(28px,4.4vw,52px);letter-spacing:-1px;line-height:1.14;margin-top:14px}.sec h2 .ac{color:var(--accent)}.lead{font-weight:500;font-size:18px;color:var(--ink2);max-width:640px;margin-top:16px}.quote{padding:130px 0;text-align:center;background:var(--ink);color:var(--cream)}.quote .big{font-weight:900;font-size:clamp(28px,5vw,64px);letter-spacing:-1px;line-height:1.16;max-width:1000px;margin:0 auto}.quote .big .ac{color:var(--clay)}.grid3{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:26px;margin-top:50px}.card{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:30px;transition:transform .25s,box-shadow .25s;will-change:transform}.card:hover{box-shadow:0 26px 60px #23241f1f}.card .n{font-family:JetBrains Mono;font-size:13px;letter-spacing:3px;color:var(--accent);font-weight:600}.card h3{font-weight:800;font-size:22px;margin:12px 0 8px}.card p{font-weight:500;font-size:15px;color:var(--stone);line-height:1.75}.card .ln{width:34px;height:3px;border-radius:3px;background:var(--accent);margin-bottom:18px;opacity:.85}.split{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center}@media (max-width:860px){.split{grid-template-columns:1fr;gap:30px}}.split .media{border-radius:20px;overflow:hidden;aspect-ratio:4/3;box-shadow:0 30px 70px #23241f2e}.split .media img{width:100%;height:100%;object-fit:cover}.posts{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:26px;margin-top:50px}.post{background:var(--paper);border:1px solid var(--line);border-radius:18px;overflow:hidden;transition:transform .25s,box-shadow .25s}.post:hover{transform:translateY(-4px);box-shadow:0 26px 60px #23241f1f}.post .cover{aspect-ratio:16/10;background:var(--sand) center/cover no-repeat;position:relative}.post .cover:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(11,14,19,.35))}.post .cover .tag{position:absolute;bottom:12px;inset-inline-start:12px;background:#fbf8f2e6;color:var(--ink);font-size:11px;font-weight:800;padding:5px 12px;border-radius:999px}.post .body{padding:20px}.post h3{font-weight:800;font-size:19px;line-height:1.4}.post .meta{font-family:JetBrains Mono;font-size:11px;color:var(--stone);margin-top:10px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px}@media (max-width:860px){.contact-grid{grid-template-columns:1fr;gap:30px}}.field{margin-bottom:16px}.field label{display:block;font-weight:700;font-size:14px;margin-bottom:7px}.field input,.field textarea{width:100%;background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:13px 15px;font-family:Tajawal;font-size:15px;color:var(--ink)}.field input:focus,.field textarea:focus{outline:2px solid var(--accent);border-color:transparent}.contact-side{background:var(--ink);color:var(--cream);border-radius:20px;padding:36px}.contact-side .row{display:flex;gap:12px;align-items:center;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.12);font-weight:600}.note{font-size:12px;color:var(--stone);margin-top:8px}.cta{position:relative;min-height:80vh;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden}.cta .cb{position:absolute;inset:0;background:url(/images/villa.jpg) center/cover;filter:brightness(.42)}.cta .inner{position:relative;z-index:3;color:#fff;padding:0 24px}.cta h2{font-weight:900;font-size:clamp(30px,5.2vw,68px);letter-spacing:-1.5px;line-height:1.1}.cta p{font-weight:500;font-size:18px;opacity:.88;margin:16px 0 28px}.foot{background:var(--ink);color:var(--cream);padding:70px 0 30px}.foot .top{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}@media (max-width:760px){.foot .top{grid-template-columns:1fr;gap:24px}}.foot h4{font-weight:800;font-size:15px;margin-bottom:14px;color:var(--clay)}.foot a{display:block;opacity:.8;font-size:14px;padding:5px 0}.foot a:hover{opacity:1;color:var(--clay)}.foot .bar{margin-top:40px;padding-top:20px;border-top:1px solid rgba(255,255,255,.12);display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;font-family:JetBrains Mono;font-size:12px;opacity:.65}.reveal{opacity:0;transform:translateY(34px);transition:opacity .8s,transform .8s}.reveal.in{opacity:1;transform:none}.magnetic{will-change:transform}.tilt{transform-style:preserve-3d;will-change:transform}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}.cap{opacity:1}}