:root{--ink:#173e36;--muted:#78867c;--paper:#f8f7f1;--line:#dedfd4;--lime:#d4e5ad}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:40px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Tajawal,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select,summary{touch-action:manipulation}button{cursor:pointer}header{height:108px;margin:0 6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-family:Amiri,serif;font-size:38px;line-height:1}.mark{font-size:51px;font-family:serif}.brand-small{display:block;font:9px Tajawal;letter-spacing:2px;margin-top:9px}.brand span:not(.mark){text-align:center}nav{display:flex;gap:34px;font-size:15px}.nav-button{border:1px solid #b7c0b3;border-radius:7px;padding:15px 20px;font-size:14px}.nav-button span{margin-right:22px}.hero{min-height:650px;display:grid;grid-template-columns:1fr 1fr;align-items:center;margin:0 6%;gap:10px}.hero-copy{padding:40px 0}.eyebrow{font-size:13px;letter-spacing:.4px;display:flex;align-items:center;gap:9px}.eyebrow>span{width:6px;height:6px;border-radius:50%;background:#729276}h1{font:normal clamp(50px,5.4vw,83px)/1.35 Amiri,serif;margin:28px 0 20px;letter-spacing:-2px}em{font-style:normal;color:#789665}p{color:#6c7c71;line-height:1.9;font-size:16px}h2{font:normal 43px/1.4 Amiri,serif;margin:15px 0 24px}h3{font-size:23px;margin:14px 0 6px}.actions{display:flex;align-items:center;gap:30px;margin:30px 0 45px}.button{background:var(--ink);color:#fff;border:0;border-radius:6px;padding:18px 25px;display:flex;justify-content:space-between;align-items:center;gap:38px;font-size:15px}.button:hover{background:#2e594b}.text-link{font-size:14px;display:flex;gap:19px}.hero-foot{display:flex;align-items:center;gap:20px;font-size:11px;color:var(--muted);line-height:1.9}.hero-foot b{font-weight:500;color:var(--ink);font-size:13px}.small-flower{font-size:43px;color:#83966e}.vertical{height:32px;width:1px;background:var(--line);margin:0 8px}.visual{height:550px;position:relative;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse,#e4e9d7 0%,transparent 67%)}.orbit{position:absolute;border:1px solid #dce1d2;border-radius:50%;width:490px;height:490px}.o2{width:390px;height:390px}.visual-label{position:absolute;top:42px;left:20px;font-size:10px;color:#85917d;letter-spacing:1px}.scene{width:460px;height:440px;perspective:1000px;position:relative;outline-offset:10px}.island{position:absolute;left:9%;top:22%;width:380px;height:300px;transform-style:preserve-3d;transform:rotateX(55deg) rotateZ(-32deg);transition:transform .35s ease;background:#afb994;border-radius:20px;box-shadow:-16px 22px 0 #8f9f7b,-30px 43px 45px #30472d30}.grass{position:absolute;inset:10px;background:#c4ceaa;border-radius:15px}.path{position:absolute;right:20px;bottom:20px;width:320px;height:85px;background:#e7ddc7;border-radius:5px}.pool{position:absolute;bottom:25px;left:32px;width:205px;height:105px;border:10px solid #f5ead4;background:linear-gradient(130deg,#5dafa7,#a2d4c6);box-shadow:inset 4px 4px 12px #2b777a50;border-radius:8px;overflow:hidden}.pool i{position:absolute;inset:15px;border:1px solid #d0eee175;border-radius:45%;transform:rotate(-10deg)}.pool i:nth-child(2){inset:28px 7px}.pool i:nth-child(3){inset:40px 2px}.house{position:absolute;top:27px;left:62px;width:235px;height:125px;transform:translateZ(75px);transform-style:preserve-3d}.roof{position:absolute;inset:-10px;background:#f1e9d9;border:5px solid #d5cdbb;box-shadow:0 0 0 3px #f5eede;transform:translateZ(20px)}.wall{position:absolute;background:#e9dcc0}.front{width:235px;height:95px;top:125px;transform-origin:top;transform:rotateX(-90deg);display:flex;gap:10px;align-items:center;padding:15px}.glass{background:linear-gradient(125deg,#476d62,#9daf95);border:4px solid #d7c8aa;width:70px;height:70px}.door{width:40px;height:75px;background:#597367;border:3px solid #c4b99e}.side{width:95px;height:125px;left:235px;transform-origin:left;transform:rotateY(90deg);background:#cfbfa1}.pergola{position:absolute;right:22px;bottom:28px;width:80px;height:95px;transform:translateZ(48px);transform-style:preserve-3d;background:repeating-linear-gradient(90deg,#9f8258 0 7px,transparent 7px 15px)}.pergola b{position:absolute;width:5px;height:50px;background:#94744c;top:95px;transform-origin:top;transform:rotateX(-90deg)}.pergola b:last-child{right:0}.tree{position:absolute;width:12px;height:85px;background:#947c53;transform-origin:bottom;transform:rotateX(-90deg);transform-style:preserve-3d}.tree span{position:absolute;top:-43px;left:-45px;font-size:100px;color:#4a7451;line-height:1;text-shadow:4px 4px #345e3f}.t1{left:20px;top:22px}.t2{right:14px;top:20px}.t3{right:0;bottom:45px;transform:rotateX(-90deg) scale(.8)}.chair{position:absolute;width:28px;height:58px;background:repeating-linear-gradient(0deg,#efead8 0 7px,#c9c3ab 7px 9px);bottom:32px;transform:translateZ(8px);border-radius:3px}.c1{left:255px}.c2{left:292px}.planter{position:absolute;width:24px;height:24px;border-radius:50%;background:#65845b;border:4px solid #ebe0c3;transform:translateZ(10px)}.p1{left:10px;bottom:20px}.p2{left:25px;top:110px}.floating-note{position:absolute;left:0;bottom:90px;display:flex;gap:15px;align-items:center;background:#ffffffdf;border:1px solid #fff;padding:17px 23px;border-radius:8px;box-shadow:0 10px 30px #173e3608;font-size:14px;transform:rotate(-3deg)}.floating-note>span{font-size:32px;color:#95a97b}.floating-note small{display:block;color:#8b9486;font-size:11px;margin-top:7px}.rotate-hint{position:absolute;bottom:25px;font-size:11px;color:#8c9685}.ribbon{background:#e9ecdf;display:flex;justify-content:space-around;align-items:center;padding:24px 5%;font-size:14px}.ribbon i{font-style:normal;color:#8f9d79}.section{padding:85px 6%}.section-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:32px}.section-title h2{margin-bottom:0}.section-title p{font-size:14px}.retreats{display:grid;grid-template-columns:1fr 1fr;gap:30px}.card-art{height:320px;background:#dfe6d5;position:relative;overflow:hidden;border-radius:9px}.card-art>span{position:absolute;top:25px;right:25px;letter-spacing:2px;font-size:11px}.card-art small{position:absolute;bottom:15px;right:20px;font-size:10px}.arch{position:absolute;left:24%;top:65px;width:180px;height:250px;background:#f0e7d3;border-radius:110px 110px 0 0;box-shadow:20px 10px 0 #bbc7aa}.arch:after{content:'';position:absolute;inset:22px 22px 0;background:linear-gradient(145deg,#95af98,#4f786b);border-radius:100px 100px 0 0}.art-water{position:absolute;bottom:-52px;left:0;width:100%;height:145px;transform:rotate(-8deg);background:repeating-linear-gradient(175deg,#87b7a5 0 17px,#9dc4b4 18px 19px)}.art-sun{position:absolute;top:45px;right:80px;width:66px;height:66px;border-radius:50%;background:#f2edd1}.card-art>b{position:absolute;left:15px;bottom:5px;font-size:150px;color:#416d50;transform:rotate(15deg)}.classic .card-art{background:#e9dfd0}.classic .arch{background:#d4bba0;box-shadow:20px 10px 0 #bea58c}.classic .arch:after{background:linear-gradient(145deg,#898d70,#405c4b)}.classic .art-water{background:repeating-linear-gradient(175deg,#b5bba0 0 17px,#d0d1b7 18px 19px)}.card-body{display:flex;justify-content:space-between;align-items:center;padding:25px 0}.category{letter-spacing:2px;font-size:10px;color:#82917b}.card-body h3{font:32px Amiri;margin:5px 0}.card-body p{margin:0;font-size:14px}.round{border:1px solid #c9d1c1;background:transparent;color:var(--ink);width:50px;height:50px;border-radius:50%;font-size:24px}.round:hover{background:var(--lime)}.experience{background:#edf0e5;display:grid;grid-template-columns:1fr 1fr;gap:80px}.steps>div{display:grid;grid-template-columns:40px 1fr;column-gap:15px;border-bottom:1px solid #d7ddcd;padding:15px 0}.steps span{grid-row:span 2;color:#8c9d7a;padding-top:15px;font-size:12px}.steps h3{font-size:20px}.steps p{font-size:14px;margin:0 0 12px}.booking{display:grid;grid-template-columns:1fr 1fr;gap:10%;position:relative}.booking-intro{position:relative}.booking-notice{font-size:12px;color:#727d6e;line-height:1.8;max-width:340px;border-right:2px solid #c7d2b3;padding:0 14px;margin-top:25px}.big-flower{display:block;font-size:120px;color:#d8e0c9;line-height:1.3;margin-top:20px}form{background:#fff;padding:35px;border:1px solid #e4e6da;border-radius:10px;box-shadow:0 15px 50px #273f2a05}.form-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.form-head h3{margin:0;font-size:24px}.form-head span{color:#9aa38e;font-size:12px}label{display:block;font-size:13px;margin:16px 0}input,select{display:block;width:100%;margin-top:9px;border:1px solid #dfe3d8;background:#fcfcf8;padding:13px;border-radius:5px;color:var(--ink);min-height:47px}input:focus,select:focus{outline:2px solid #a6b88c;outline-offset:2px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-row label{margin:0}form .button{width:100%;margin-top:25px}.privacy{display:block;text-align:center;color:#939b8b;line-height:1.6;font-size:10px;margin-top:14px}.faq{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1.5fr;gap:60px;padding-top:60px}details{border-bottom:1px solid var(--line);padding:22px 0}summary{cursor:pointer;font-size:17px}details p{font-size:14px}footer{margin:0 6%;padding:35px 0;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;color:#7c8978;font-size:12px}footer .brand{color:var(--ink);transform:scale(.8);transform-origin:right}dialog{border:1px solid #d8dfce;border-radius:14px;background:var(--paper);color:var(--ink);padding:40px;max-width:480px;width:90%}dialog::backdrop{background:#102a23aa;backdrop-filter:blur(6px)}.close{position:absolute;left:18px;top:10px;border:0;background:none;color:var(--ink);font-size:30px}#summaryText{line-height:2;white-space:pre-line}dialog .button{width:100%;margin-top:24px}#copyStatus{font-size:12px}
@media(min-width:1500px){header,.hero,footer{max-width:1320px;margin-left:auto;margin-right:auto}.section{padding-left:max(6%,calc((100% - 1320px)/2));padding-right:max(6%,calc((100% - 1320px)/2))}}@media(max-width:950px){.hero{grid-template-columns:1fr 1fr}h1{font-size:57px}.scene{transform:scale(.8)}.orbit{width:340px;height:340px}.o2{width:270px;height:270px}.floating-note{left:0;bottom:75px}.experience{gap:30px}.booking{gap:35px}.visual{min-width:0}.card-art{height:270px}}@media(max-width:700px){header{height:85px;margin:0 6%}nav{display:none}.brand{font-size:30px}.mark{font-size:40px}.nav-button{font-size:12px;padding:12px}.nav-button span{margin-right:10px}.hero{display:flex;flex-direction:column;gap:0}.hero-copy{width:100%;padding:40px 0 0}h1{font-size:56px;margin:20px 0 15px}.hero-copy>p{font-size:15px}.actions{margin-bottom:28px}.hero-foot{gap:13px}.visual{width:100%;height:420px;margin-top:0}.scene{transform:scale(.8);flex-shrink:0}.floating-note{bottom:50px;left:0;padding:12px 16px}.visual-label{top:15px}.rotate-hint{bottom:5px}.ribbon{gap:20px;overflow:hidden;white-space:nowrap;justify-content:flex-start;font-size:12px;padding:22px}.section{padding:55px 6%}.section-title{display:block}.section-title p{margin-top:15px}h2{font-size:36px}.retreats{grid-template-columns:1fr;gap:20px}.card-art{height:290px}.experience,.booking,.faq{grid-template-columns:1fr;gap:25px}.experience h2{margin-bottom:0}.booking-intro>p br{display:none}.big-flower{display:none}form{padding:24px}.booking-notice{max-width:none}.faq{gap:0}footer{flex-wrap:wrap;gap:20px}footer>span{font-size:11px}footer>small{width:100%;text-align:center}dialog{padding:30px}.section-title h2{font-size:35px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.island{transition:none}}

/* Actual retreat photography */
.card-photo{display:block;position:relative;width:100%;height:370px;padding:0;overflow:hidden;background:#dce3d4;border:0;border-radius:9px;color:#fff;text-align:right}.card-photo img{width:100%;height:100%;object-fit:cover;object-position:center 55%;transition:transform .6s}.card-photo:hover img{transform:scale(1.035)}.card-photo:after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#102b2570)}.card-photo>span{position:absolute;bottom:22px;right:24px;left:24px;display:flex;justify-content:space-between;z-index:1;font-size:14px}.card-photo b{font-size:24px}.media-section{background:#eef0e7}.gallery-tabs{display:flex;gap:12px;margin:30px 0 25px}.gallery-tabs button{border:1px solid #cbd4bf;background:transparent;color:var(--ink);border-radius:30px;padding:14px 23px;font-size:15px}.gallery-tabs button span{font-size:11px;margin-right:12px;opacity:.7}.gallery-tabs .active{background:var(--ink);color:white;border-color:var(--ink)}.photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.gallery-photo{padding:0;position:relative;background:#dbe1d2;border:0;border-radius:8px;overflow:hidden;height:340px}.gallery-photo img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.gallery-photo:hover img{transform:scale(1.04)}.gallery-photo>span{position:absolute;bottom:13px;left:13px;background:#ffffffdf;color:var(--ink);width:30px;height:30px;border-radius:50%;display:grid;place-items:center}.gallery-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:25px;font-size:13px;color:#75836e}.gallery-bottom button{background:none;border:0;color:var(--ink);padding:10px}.video-tour{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;border-top:1px solid #d2d9c7;padding-top:60px;margin-top:55px}.video-tour video{display:block;width:100%;max-height:540px;background:#183b32;border-radius:10px;object-fit:contain}.video-tour p{max-width:330px}.video-tour .text-link{margin-top:25px}.viewer-open{overflow:hidden}#photoViewer{max-width:1100px;width:94vw;height:92dvh;max-height:950px;padding:14px 20px;background:#122e27;color:white;border:1px solid #547163;border-radius:10px;overflow:hidden}#photoViewer::backdrop{background:#061b15e8;backdrop-filter:blur(8px)}.viewer-bar{display:flex;align-items:center;justify-content:space-between;height:44px;padding:0 8px;font-size:14px;direction:ltr}.viewer-bar button{border:0;background:none;color:white;font-size:34px;width:40px;height:40px}.viewer-stage{display:grid;grid-template-columns:40px 1fr 40px;gap:12px;align-items:center;height:calc(100% - 90px);direction:rtl}.viewer-stage img{width:100%;height:100%;min-height:0;object-fit:contain}.viewer-stage button{border:1px solid #7e9586;background:#ffffff0d;color:white;width:40px;height:40px;border-radius:50%;font-size:20px}#viewerCaption{text-align:center;color:#d9e4d4;margin:10px 0;font-size:14px}@media(max-width:700px){.card-photo{height:340px}.photo-grid{grid-template-columns:repeat(2,1fr);gap:10px}.gallery-photo{height:245px}.gallery-tabs{gap:8px}.gallery-tabs button{padding:12px 16px;font-size:14px}.gallery-tabs button span{margin-right:6px;font-size:10px}.video-tour{grid-template-columns:1fr;gap:25px;margin-top:35px;padding-top:40px}.video-tour video{max-height:520px}.viewer-stage{grid-template-columns:30px 1fr 30px;gap:5px}.viewer-stage button{width:30px;height:38px;font-size:17px}#photoViewer{padding:8px;width:97vw;height:90dvh}.viewer-bar{padding:0 10px}}@media(prefers-reduced-motion:reduce){.gallery-photo img,.card-photo img{transition:none}}