@font-face{font-family:"Fraunces";src:url(/assets/fraunces-600.woff2) format("woff2");font-weight:600;font-display:swap}
/* Aruna Farms — wet slate + gold. Mobile first, then up. */
:root{
  --slate-1:#50555a; --slate-2:#34383b; --slate-3:#212426; --slate-4:#151618;
  --ink:#ece8df; --muted:#b8b4ab; --line:rgba(226,194,125,.22);
  --gold:#d4ae62; --gold-2:#e9cf8f; --gold-3:#a8843d;
  --glass:rgba(30,33,35,.55);
  --radius:14px; --wrap:68rem;
  --serif:"Fraunces", Georgia, "Times New Roman", serif;
  --sans:system-ui,-apple-system,"Segoe UI",Roboto,"Noto Sans",sans-serif;
  /* grain */
  --noise:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .12 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  /* glitter */
  --sparkle:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Ccircle cx='41' cy='19' r='1' fill='%23fff' fill-opacity='0.5'/%3E%3Ccircle cx='9' cy='105' r='1.3' fill='%23fff' fill-opacity='0.5'/%3E%3Ccircle cx='46' cy='74' r='0.5' fill='%23fff' fill-opacity='0.7'/%3E%3Ccircle cx='4' cy='11' r='1' fill='%23fff' fill-opacity='1'/%3E%3Ccircle cx='8' cy='30' r='0.5' fill='%23fff' fill-opacity='1'/%3E%3Ccircle cx='7' cy='105' r='1.3' fill='%23fff' fill-opacity='0.5'/%3E%3Ccircle cx='28' cy='80' r='1.3' fill='%23fff' fill-opacity='0.5'/%3E%3Ccircle cx='73' cy='74' r='1' fill='%23fff' fill-opacity='0.5'/%3E%3Ccircle cx='28' cy='5' r='1.3' fill='%23fff' fill-opacity='0.7'/%3E%3Ccircle cx='37' cy='53' r='0.6' fill='%23fff' fill-opacity='0.5'/%3E%3Ccircle cx='73' cy='39' r='1.3' fill='%23fff' fill-opacity='0.7'/%3E%3Ccircle cx='13' cy='74' r='1.3' fill='%23fff' fill-opacity='0.7'/%3E%3Ccircle cx='47' cy='12' r='1.3' fill='%23fff' fill-opacity='0.5'/%3E%3Ccircle cx='72' cy='7' r='1.3' fill='%23fff' fill-opacity='0.7'/%3E%3Ccircle cx='63' cy='87' r='1.3' fill='%23fff' fill-opacity='1'/%3E%3Ccircle cx='99' cy='40' r='1' fill='%23fff' fill-opacity='1'/%3E%3Ccircle cx='46' cy='38' r='0.6' fill='%23fff' fill-opacity='0.7'/%3E%3Ccircle cx='89' cy='99' r='0.6' fill='%23fff' fill-opacity='0.5'/%3E%3Ccircle cx='73' cy='38' r='1.3' fill='%23fff' fill-opacity='1'/%3E%3Ccircle cx='112' cy='43' r='1' fill='%23fff' fill-opacity='0.9'/%3E%3Ccircle cx='77' cy='9' r='0.5' fill='%23fff' fill-opacity='1'/%3E%3Ccircle cx='21' cy='96' r='0.8' fill='%23fff' fill-opacity='0.7'/%3E%3Ccircle cx='119' cy='62' r='1' fill='%23fff' fill-opacity='0.5'/%3E%3Ccircle cx='85' cy='9' r='1.3' fill='%23fff' fill-opacity='0.9'/%3E%3Ccircle cx='43' cy='88' r='0.8' fill='%23fff' fill-opacity='1'/%3E%3Ccircle cx='74' cy='102' r='1' fill='%23fff' fill-opacity='0.5'/%3E%3Ccircle cx='107' cy='11' r='0.8' fill='%23fff' fill-opacity='1'/%3E%3Ccircle cx='89' cy='85' r='0.5' fill='%23fff' fill-opacity='0.5'/%3E%3Ccircle cx='93' cy='89' r='0.8' fill='%23fff' fill-opacity='1'/%3E%3Ccircle cx='36' cy='91' r='1' fill='%23fff' fill-opacity='0.9'/%3E%3Ccircle cx='2' cy='59' r='0.8' fill='%23fff' fill-opacity='0.7'/%3E%3Ccircle cx='78' cy='14' r='1' fill='%23fff' fill-opacity='0.5'/%3E%3Ccircle cx='27' cy='98' r='0.8' fill='%23fff' fill-opacity='0.7'/%3E%3Ccircle cx='94' cy='31' r='1' fill='%23fff' fill-opacity='1'/%3E%3Ccircle cx='117' cy='111' r='1' fill='%23fff' fill-opacity='0.5'/%3E%3Ccircle cx='21' cy='57' r='1' fill='%23fff' fill-opacity='0.9'/%3E%3Ccircle cx='113' cy='17' r='1' fill='%23fff' fill-opacity='0.9'/%3E%3Ccircle cx='90' cy='53' r='0.8' fill='%23fff' fill-opacity='1'/%3E%3C/svg%3E");
  --gold-grad:linear-gradient(100deg,#9c7a36 0%,#f3dc9a 18%,#c9a04f 32%,#fff3c8 48%,#caa052 62%,#f0d38a 78%,#9c7a36 100%);
  /* water drops on glass */
  --drops:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260'%3E%3Cdefs%3E%3CradialGradient id='d' cx='.5' cy='.62' r='.55'%3E%3Cstop offset='0' stop-color='%23fff' stop-opacity='0'/%3E%3Cstop offset='.72' stop-color='%23fff' stop-opacity='.04'/%3E%3Cstop offset='.92' stop-color='%23fff' stop-opacity='.22'/%3E%3Cstop offset='1' stop-color='%23000' stop-opacity='.25'/%3E%3C/radialGradient%3E%3C/defs%3E%3Cg%3E%3Cellipse cx='30' cy='40' rx='7' ry='8' fill='url(%23d)'/%3E%3Cellipse cx='27.5' cy='36.5' rx='1.8' ry='1.3' fill='%23fff' fill-opacity='.55'/%3E%3Cellipse cx='120' cy='22' rx='3.5' ry='4' fill='url(%23d)'/%3E%3Cellipse cx='200' cy='70' rx='10' ry='11.5' fill='url(%23d)'/%3E%3Cellipse cx='196.5' cy='65' rx='2.4' ry='1.7' fill='%23fff' fill-opacity='.55'/%3E%3Cellipse cx='80' cy='120' rx='4.5' ry='5' fill='url(%23d)'/%3E%3Cellipse cx='150' cy='150' rx='6' ry='7' fill='url(%23d)'/%3E%3Cellipse cx='148' cy='147' rx='1.5' ry='1.1' fill='%23fff' fill-opacity='.5'/%3E%3Cellipse cx='240' cy='190' rx='3' ry='3.5' fill='url(%23d)'/%3E%3Cellipse cx='40' cy='210' rx='9' ry='10' fill='url(%23d)'/%3E%3Cellipse cx='37' cy='205.5' rx='2.2' ry='1.6' fill='%23fff' fill-opacity='.55'/%3E%3Cellipse cx='115' cy='235' rx='2.5' ry='3' fill='url(%23d)'/%3E%3Cellipse cx='225' cy='120' rx='2' ry='2.4' fill='url(%23d)'/%3E%3Cellipse cx='10' cy='130' rx='2.2' ry='2.6' fill='url(%23d)'/%3E%3C/g%3E%3C/svg%3E");
  --drops-soft:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260'%3E%3Cdefs%3E%3CradialGradient id='d' cx='.5' cy='.62' r='.55'%3E%3Cstop offset='0' stop-color='%23fff' stop-opacity='0'/%3E%3Cstop offset='.72' stop-color='%23fff' stop-opacity='.02'/%3E%3Cstop offset='.92' stop-color='%23fff' stop-opacity='.1'/%3E%3Cstop offset='1' stop-color='%23000' stop-opacity='.12'/%3E%3C/radialGradient%3E%3C/defs%3E%3Cg%3E%3Cellipse cx='30' cy='40' rx='7' ry='8' fill='url(%23d)'/%3E%3Cellipse cx='27.5' cy='36.5' rx='1.8' ry='1.3' fill='%23fff' fill-opacity='.28'/%3E%3Cellipse cx='120' cy='22' rx='3.5' ry='4' fill='url(%23d)'/%3E%3Cellipse cx='200' cy='70' rx='10' ry='11.5' fill='url(%23d)'/%3E%3Cellipse cx='196.5' cy='65' rx='2.4' ry='1.7' fill='%23fff' fill-opacity='.28'/%3E%3Cellipse cx='80' cy='120' rx='4.5' ry='5' fill='url(%23d)'/%3E%3Cellipse cx='150' cy='150' rx='6' ry='7' fill='url(%23d)'/%3E%3Cellipse cx='148' cy='147' rx='1.5' ry='1.1' fill='%23fff' fill-opacity='.25'/%3E%3Cellipse cx='240' cy='190' rx='3' ry='3.5' fill='url(%23d)'/%3E%3Cellipse cx='40' cy='210' rx='9' ry='10' fill='url(%23d)'/%3E%3Cellipse cx='37' cy='205.5' rx='2.2' ry='1.6' fill='%23fff' fill-opacity='.28'/%3E%3Cellipse cx='115' cy='235' rx='2.5' ry='3' fill='url(%23d)'/%3E%3Cellipse cx='225' cy='120' rx='2' ry='2.4' fill='url(%23d)'/%3E%3Cellipse cx='10' cy='130' rx='2.2' ry='2.6' fill='url(%23d)'/%3E%3C/g%3E%3C/svg%3E");
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;background:var(--slate-3)}
body{
  margin:0;color:var(--ink);font:1rem/1.65 var(--sans);
  background:
    var(--noise),
    var(--drops-soft),
    radial-gradient(120% 60% at 20% 0%, var(--slate-1) 0%, transparent 60%),
    linear-gradient(180deg,var(--slate-2) 0%,var(--slate-3) 55%,var(--slate-4) 100%);
  background-size:auto,560px 560px,auto,auto;background-position:0 0,137px 83px,0 0,0 0;
  background-repeat:repeat,repeat,no-repeat,no-repeat;
}
img,svg{max-width:100%;display:block}
a{color:var(--gold-2);text-underline-offset:3px}
h1,h2,h3{font-family:var(--serif);font-weight:600;line-height:1.12;margin:0 0 .5em;letter-spacing:-.01em;color:var(--ink)}
h1{font-size:clamp(2.1rem,8.5vw,3.6rem)}
h2{font-size:clamp(1.55rem,5.5vw,2.3rem)}
h3{font-size:1.2rem;color:var(--gold-2)}
.gold{background-image:var(--sparkle),var(--gold-grad);background-size:120px 120px,250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shimmer 7s linear infinite}
@keyframes shimmer{from{background-position:0 0,0% 0}to{background-position:120px 60px,250% 0}}
p{margin:0 0 1em}
.wrap{max-width:var(--wrap);margin:0 auto;padding-inline:1.25rem}
.eyebrow{font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);font-weight:600;margin-bottom:.7em}
.eyebrow::before{content:"";display:inline-block;width:1.6rem;height:1px;background:var(--gold);vertical-align:middle;margin-right:.6rem}

/* header */
.site-head{position:sticky;top:0;z-index:10;background:rgba(36,39,41,.72);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.site-head .wrap{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:3.5rem}
.brand{font-family:var(--serif);font-weight:600;font-size:1.25rem;color:var(--ink);text-decoration:none}

.nav{display:flex;gap:1.1rem;overflow-x:auto;scrollbar-width:none;font-size:.95rem}
.nav a{color:var(--ink);text-decoration:none;white-space:nowrap;padding:.4rem 0}
.nav a:hover,.nav a[aria-current=page]{color:var(--gold-2)}
.nav .hide-sm{display:none}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:3rem;padding:0 1.35rem;border-radius:999px;font-weight:600;text-decoration:none;border:1px solid transparent;transition:filter .2s}
.btn-primary{background-image:var(--sparkle),var(--gold-grad);background-size:120px 120px,250% 100%;color:#1d1a14;box-shadow:0 6px 22px -8px rgba(230,196,120,.55),inset 0 1px 0 rgba(255,255,255,.4);animation:shimmer 7s linear infinite}
.btn-primary:hover{filter:brightness(1.06)}
.btn-ghost{border-color:transparent;background:linear-gradient(#1f2123,#1f2123) padding-box,var(--gold-grad) border-box;background-size:auto,250% 100%}
.btn-row{display:flex;flex-wrap:wrap;gap:.75rem}

/* hero */
.hero{padding-block:2.25rem 0}
.hero p.lede{font-size:1.1rem;color:var(--muted);max-width:36rem}
.hero-art{
  position:relative;margin-top:2rem;border-radius:var(--radius);overflow:hidden;aspect-ratio:4/3;
  border:1.5px solid transparent;
  box-shadow:0 20px 50px -20px rgba(0,0,0,.7);
  background:
    var(--drops),
    url(/assets/plate-palash.webp) center 38%/auto 80% no-repeat,
    radial-gradient(60% 50% at 70% 30%, rgba(233,207,143,.18), transparent 70%),
    radial-gradient(90% 70% at 20% 90%, #2c3d31 0%, transparent 70%),
    linear-gradient(160deg,#3d4446 0%,#2a2f31 50%,#1b1e20 100%);
  background-size:260px 260px,auto 80%,auto,auto,auto;
}
/* gold glitter edge — use .frame on any photo wrapper */
.hero-art::before,.frame::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.5px;background:var(--sparkle),var(--gold-grad);background-size:120px 120px,250% 100%;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:shimmer 7s linear infinite;z-index:2;pointer-events:none}
.frame{position:relative;border-radius:var(--radius);overflow:hidden}
.hero-art::after{content:"";position:absolute;inset:0;background:var(--drops);background-size:150px 150px;background-position:60px 40px;opacity:.7}
.hero-art .mark{position:absolute;left:1.25rem;bottom:1.1rem;z-index:1;font-family:var(--serif);font-size:.95rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-2);opacity:.9}

/* facts strip */
.facts{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;padding:0;margin:2rem 0 0;list-style:none}
.facts li{background:var(--glass);border:1px solid var(--line);border-radius:var(--radius);padding:.9rem 1rem}
.facts b{display:block;font-family:var(--serif);font-size:1.5rem;color:var(--gold)}
.facts span{font-size:.9rem;color:var(--muted)}

/* sections */
.section{padding-block:3rem}
.section.alt{background:rgba(0,0,0,.18);border-block:1px solid var(--line)}
.cards{display:grid;gap:1rem;margin-top:1.5rem}
.card{background:var(--glass);border-radius:var(--radius);padding:1.25rem;border:1px solid var(--line)}
.card p{color:var(--muted);margin:0}

/* amenities */
.amen{display:flex;flex-wrap:wrap;gap:.5rem;padding:0;margin:1.25rem 0 0;list-style:none}
.amen li{border:1px solid var(--line);color:var(--ink);background:rgba(0,0,0,.15);border-radius:999px;padding:.4rem .9rem;font-size:.95rem}

/* cta */
.cta{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);padding:2rem 1.5rem;background:var(--drops),linear-gradient(160deg,#3a3f41,#232628);background-size:200px 200px,auto}
.cta p{color:var(--muted)}

/* footer */
.site-foot{padding-block:2.5rem;font-size:.9rem;color:var(--muted);border-top:1px solid var(--line)}
.site-foot address{font-style:normal;margin:.5rem 0 1rem}
.foot-nav{display:flex;flex-wrap:wrap;gap:1rem}
.foot-nav a{color:var(--ink)}

/* sticky mobile book bar */
.bookbar{position:fixed;inset:auto 0 0 0;z-index:20;padding:.6rem 1rem calc(.6rem + env(safe-area-inset-bottom));background:rgba(31,33,35,.9);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid var(--line);display:flex;gap:.6rem}
.bookbar .btn{flex:1;min-height:2.9rem}
body{padding-bottom:4.5rem}

@media (min-width:40rem){
  .facts{grid-template-columns:repeat(4,1fr)}
  .cards{grid-template-columns:repeat(2,1fr)}
  .hero-art{aspect-ratio:16/9}
}
@media (min-width:60rem){
  .nav .hide-sm{display:inline}
  .bookbar{display:none}
  body{padding-bottom:0}
  .hero{padding-block:4rem 0}
  .hero-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:3rem;align-items:center}
  .hero-art{margin-top:0;aspect-ratio:4/5}
  .cards{grid-template-columns:repeat(4,1fr)}
  .section{padding-block:4.5rem}
  .cta{padding:3rem;display:flex;justify-content:space-between;align-items:center;gap:2rem}
  .cta p{margin:0}
}

/* Indian botanical plates (Roxburgh, Plants of the Coast of Coromandel, public domain) */
.hero,.section,.site-foot{position:relative;overflow:hidden}
.hero>.wrap,.section>.wrap,.site-foot>.wrap{position:relative;z-index:1}
.plate{position:absolute;pointer-events:none;z-index:0;background-repeat:no-repeat;background-size:contain;opacity:.75;filter:saturate(.95) drop-shadow(0 10px 18px rgba(0,0,0,.45))}
.plate-palash{background-image:url(/assets/plate-palash-2.webp);width:220px;height:280px;right:-120px;top:-20px;transform:scaleX(-1) rotate(8deg);opacity:.6}
.plate-yellow{background-image:url(/assets/plate-yellow.webp);width:200px;height:268px;left:-110px;top:30px;transform:rotate(10deg);opacity:.45}
.plate-vine{background-image:url(/assets/plate-pink-vine.webp);width:230px;height:258px;right:-110px;bottom:10px;opacity:.5}
.plate-pandanus{background-image:url(/assets/plate-pandanus.webp);width:110px;height:118px;right:-18px;bottom:-30px;transform:rotate(18deg);opacity:.9;z-index:2}
.plate-palash2{background-image:url(/assets/plate-yellow.webp);width:170px;height:228px;right:-70px;bottom:-50px;opacity:.5}
.cta{overflow:visible}
@media (min-width:60rem){
  .plate{opacity:.8}
  .plate-palash{width:380px;height:470px;right:-60px;top:-30px}
  .plate-yellow{width:300px;height:400px;left:-90px}
  .plate-vine{width:360px;height:404px;right:-60px}
  .plate-pandanus{width:170px;height:182px}
  .plate-palash2{width:240px;height:306px}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important}}