/* Vonduri site: shared styles for interior pages. Palette: the photo is the screen; content rises over it on White sheets. Accent: sea glass. */
body{margin:0}
.site{background:#101215;color:#1C1F24;font-family:-apple-system,system-ui,sans-serif}
.site a{color:#356466}.site a:hover{color:#1B4B4D}
.serif{font-family:ui-serif,"New York",Newsreader,Georgia,serif}
.wrap{max-width:1200px;margin:0 auto;padding:0 32px}
.read{max-width:680px}
.k{font:600 13px/18px -apple-system,system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#356466;margin:0}
.k.sea{color:#96D0D3}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 22px;border-radius:16px;font:600 17px/22px -apple-system,system-ui,sans-serif;text-decoration:none;border:0}
.site .btn.white{background:#FFFFFF;color:#1C1F24}
.site .btn.slate{background:#3A4452;color:#FBF9F5}
.site .btn.line{background:#FFFFFF;color:#1C1F24;box-shadow:inset 0 0 0 1px #7D8590}
.glass{background:rgba(255,255,255,0.14);border:1px solid rgba(255,255,255,0.3);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:inset 0 1px 0 rgba(255,255,255,0.35),0 8px 32px rgba(0,0,0,0.35);color:#F2EEE7}
.site .btn.glass{color:#F2EEE7}

/* header over the photo */
.hdr{position:relative;z-index:3;padding-top:20px}
.nav{display:flex;align-items:center;justify-content:space-between;gap:16px;height:64px;padding:0 12px 0 20px;border-radius:20px}
.site .nav .brand{font:700 22px/28px ui-rounded,-apple-system,system-ui,sans-serif;color:#F2EEE7;text-decoration:none}
.nav .links{display:flex;gap:28px;font-size:15px}
.site .nav .links a{color:rgba(242,238,231,0.82);text-decoration:none}
.site .nav .links a[aria-current="page"]{color:#FFFFFF;box-shadow:0 2px 0 #74ADB0}
.site .nav .btn{background:#FFFFFF;color:#1C1F24;min-height:44px;font-size:15px}

/* page hero: a photo, short, words on it */
.phero{position:relative;height:560px;overflow:hidden;background:#2A3E40}
.phero>img.bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.phero .scrim{position:absolute;inset:0;background:linear-gradient(180deg,rgba(16,18,21,.45) 0%,rgba(16,18,21,0) 30%,rgba(16,18,21,0) 45%,rgba(16,18,21,.8) 100%)}
.phero .copy{position:absolute;left:0;right:0;bottom:96px}
.phero h1{margin:14px 0 16px;max-width:820px;font-size:68px;line-height:72px;font-weight:400;letter-spacing:-1px;color:#FFFFFF;text-wrap:balance}
.phero p.lead{margin:0;max-width:580px;font-size:20px;line-height:30px;color:rgba(242,238,231,.88)}
.phero .cap{position:absolute;right:32px;bottom:64px;margin:0;font-size:13px;color:rgba(242,238,231,.75)}
.contours-ink{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:invert(1);opacity:.03;pointer-events:none;-webkit-mask-image:radial-gradient(ellipse 62% 70% at 50% 50%,transparent 35%,#000 100%);mask-image:radial-gradient(ellipse 62% 70% at 50% 50%,transparent 35%,#000 100%)}

/* the White sheet that rises over the photo */
.sheet{position:relative;margin-top:-44px;background:#FFFFFF;border-radius:28px 28px 0 0;box-shadow:0 -12px 32px rgba(0,0,0,.25)}
.sheet::before{content:"";display:block;width:40px;height:5px;border-radius:999px;background:#DED8CD;margin:0 auto;position:relative;top:14px}
.sec{padding:96px 0;border-top:1px solid #DED8CD}
.sec.first{border-top:0;padding-top:80px}
.h2{margin:12px 0 16px;font-size:48px;line-height:52px;font-weight:400;letter-spacing:-.5px;text-wrap:balance}
.h3{margin:0 0 8px;font-size:24px;line-height:30px;font-weight:400}
.lead{margin:0;font-size:19px;line-height:30px;color:#5C636E}
.body{margin:0;font-size:16px;line-height:25px;color:#5C636E}
.muted{color:#5C636E}

/* line art: contours are texture, routes are information */
.contoured{position:relative;isolation:isolate}
.contoured::after{content:"";position:absolute;inset:0;z-index:-1;background:url(/assets/img/contour-wide.svg) center/cover no-repeat;opacity:.06;pointer-events:none;-webkit-mask-image:radial-gradient(ellipse 62% 70% at 50% 50%,transparent 35%,#000 100%);mask-image:radial-gradient(ellipse 62% 70% at 50% 50%,transparent 35%,#000 100%)}
.contoured.left::after{transform:scaleX(-1)}
.contoured.tall::after{background-image:url(/assets/img/contour-tall.svg)}

/* round arrow link */
.go{display:inline-flex;align-items:center;gap:14px;font:600 13px/16px -apple-system,system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;min-height:56px}
.site .go{color:#1C1F24}
.go .dot{width:56px;height:56px;border-radius:50%;background:#3A4452;color:#FBF9F5;display:grid;place-items:center;flex:none}

/* chapter rail (how it works) */
.rail{display:flex;gap:8px;flex-wrap:wrap}
.site .rail a{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0 16px;border-radius:999px;background:#F2EEE7;color:#1C1F24;text-decoration:none;font-size:15px}
.rail a b{font:600 12px/16px -apple-system,system-ui,sans-serif;letter-spacing:.08em;color:#356466}

/* feature rows */
.feat{display:grid;grid-template-columns:repeat(2,1fr);gap:0 56px}
.f{display:grid;grid-template-columns:44px 1fr;gap:16px;padding:22px 0;border-top:1px solid #DED8CD}
.f .ic{width:44px;height:44px;border-radius:12px;background:#F2EEE7;display:grid;place-items:center;color:#1C1F24}
.f h3{margin:0 0 4px;font:600 17px/22px -apple-system,system-ui,sans-serif}
.f q{display:block;margin:0 0 6px;font-family:ui-serif,"New York",Newsreader,Georgia,serif;font-size:19px;line-height:25px;font-style:italic;color:#1C1F24;quotes:none}
.f p{margin:0;font-size:15px;line-height:22px;color:#5C636E}

/* chapter header with a photo */
.chap{display:grid;grid-template-columns:1fr 1.1fr;gap:56px;align-items:center;margin-bottom:40px}
.chap img{width:100%;height:380px;object-fit:cover;border-radius:28px;display:block}
.chap img.arch{border-radius:999px 999px 24px 24px;height:420px}

/* cards, photo cards, chips */
.card{background:#FFFFFF;border:1px solid #DED8CD;border-radius:24px;padding:24px;box-shadow:0 1px 2px rgba(28,26,23,.06)}
.pcard{position:relative;border-radius:24px;overflow:hidden;background:#2A3E40;color:#F2EEE7}
.pcard>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.pcard .scr{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 40%,rgba(0,0,0,.65))}
.chips{display:flex;gap:8px;flex-wrap:wrap}
.chip{display:inline-flex;align-items:center;min-height:40px;padding:0 16px;border-radius:999px;font-size:15px;background:#FFFFFF;box-shadow:inset 0 0 0 1px #7D8590;color:#1C1F24;border:0}
.chip[aria-pressed="true"]{box-shadow:inset 0 0 0 1px #1C1F24;background:#F2EEE7;color:#356466;font-weight:600}
.price{font:700 32px/36px ui-rounded,-apple-system,system-ui,sans-serif;font-variant-numeric:tabular-nums}
.bars{display:flex;gap:4px}.bars span{flex:1;height:6px;border-radius:999px;background:#E9E4DA}.bars span.on{background:#74ADB0}
.glass .bars span{background:rgba(255,255,255,.3)}.glass .bars span.on{background:#74ADB0}

/* passport stamps on line art */
.stamps{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:28px 12px;justify-items:center;padding:40px 24px;border-radius:28px;background:#FFFFFF;border:1px solid #DED8CD;isolation:isolate;overflow:hidden}
.stamps::before{content:"";position:absolute;inset:0;z-index:-1;background:url(/assets/img/contour-tall.svg) center/cover;opacity:.075;-webkit-mask-image:radial-gradient(ellipse 62% 70% at 50% 50%,transparent 35%,#000 100%);mask-image:radial-gradient(ellipse 62% 70% at 50% 50%,transparent 35%,#000 100%)}
.stamp{width:104px;height:104px;border-radius:50%;border:2px solid currentColor;display:grid;place-items:center;text-align:center;font:700 11px/14px -apple-system,system-ui,sans-serif;letter-spacing:.08em;background:rgba(242,238,231,.86);backdrop-filter:blur(3px)}
.stamp span{display:block;font-weight:500;letter-spacing:0;font-size:11px;opacity:.85}
.stamp.rect{border-radius:10px;width:120px;height:86px}
.stamp.dash{border-style:dashed;color:#5C636E;background:rgba(255,255,255,.7)}

/* faq */
.faq details{border-top:1px solid #DED8CD;padding:4px 0}
.faq details:last-child{border-bottom:1px solid #DED8CD}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:64px;font:600 18px/24px -apple-system,system-ui,sans-serif}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font:400 26px/1 -apple-system,system-ui,sans-serif;color:#5C636E}
.faq details[open] summary::after{content:"\2212"}
.faq details p{margin:0 0 20px;max-width:680px;font-size:16px;line-height:25px;color:#5C636E}

/* facts table (privacy) */
.facts{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.facts ul{margin:0;padding:0;list-style:none}
.facts li{display:grid;grid-template-columns:22px 1fr;gap:12px;padding:14px 0;border-top:1px solid #DED8CD;font-size:16px;line-height:23px}
.facts li small{display:block;font-size:14px;line-height:20px;color:#5C636E}

/* closing + footer */
.close{padding:120px 0 128px;text-align:center}
.foot{border-top:4px solid #74ADB0;padding:32px 0}
.foot .wrap{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:14px;color:#5C636E}
.foot nav{display:flex;gap:24px}

@media (max-width:1000px){.feat,.chap,.facts,.g2,.g3{grid-template-columns:1fr!important}.stamps{grid-template-columns:repeat(2,1fr)}}
@media (max-width:760px){.nav .links{display:none}.phero h1{font-size:44px;line-height:48px}.h2{font-size:36px;line-height:40px}.wrap{padding:0 16px}.phero{height:520px}}

/* the signature: one deep sea-glass tile per page (accent mixed into near-black, Paper type) */
.site .deep{background:#24393B;color:#F2EEE7;border-color:#24393B;box-shadow:0 12px 32px rgba(36,57,59,.28)}
.site .deep .k,.site .deep .k[style]{color:#96D0D3!important}
.site .deep .muted,.site .deep .body,.site .deep p.body{color:#B7CBCC!important}
.site .deep li,.site .deep [style*="border-top: 1px solid #DED8CD"]{border-color:rgba(242,238,231,.16)!important}
.site .deep .bars span{background:rgba(242,238,231,.18)}.site .deep .bars span.on{background:#74ADB0}
.site .deep [style*="color: #356466"]{color:#96D0D3!important}
.site .deep a{color:#96D0D3}
/* routes: the walked part is lit */
.f .ic{color:#1C1F24}
