:root{--cream:#f2eadf;--beige:#e7dccb;--white:#fbf7f1;--ink:#2a241f;--muted:#655849;--gold:#93662a;--gold-soft:#c4a273;--line:#ddd0bf;--r:22px;--shadow:0 18px 40px -22px rgba(80,60,35,.30)}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Noto Sans',sans-serif;font-weight:300;color:var(--ink);background:var(--white);line-height:1.7;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
em{font-family:'Noto Serif',serif;font-style:italic;font-weight:300}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.wrap{max-width:1180px;margin:0 auto;padding:0 28px}
.narrow{max-width:760px}
.center{text-align:center}
/* header */
.top{position:sticky;top:0;z-index:20;background:rgba(247,241,232,.92);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border-bottom:1px solid var(--line)}
.top .wrap{display:flex;align-items:center;justify-content:space-between;height:68px}
.brand img{height:26px;width:auto}
nav{display:flex;align-items:center;gap:28px}
nav a{font-size:.85rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
nav a:hover{color:var(--gold)}
.top .mcall{display:none}
/* pills */
.pill{display:inline-block;padding:13px 30px;border-radius:999px;border:1px solid var(--ink);font-size:.88rem;letter-spacing:.04em;transition:.25s;background:transparent;color:var(--ink);font-family:inherit;font-weight:400;cursor:pointer;font-style:normal}
.pill:hover{background:var(--ink);color:var(--white)}
.pill.solid{background:var(--ink);color:var(--white)}
.pill.solid:hover{background:var(--gold);border-color:var(--gold)}
.pill.sm{padding:7px 18px;font-size:.8rem}
nav .pill{color:var(--ink)}
.pill.mobile-only{display:none}
.ctas{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}
.center .ctas{justify-content:center}
/* hero */
.hero{display:grid;grid-template-columns:1fr 1.15fr;align-items:center;gap:60px;max-width:1280px;margin:0 auto;padding:70px 28px 110px;min-height:calc(100vh - 66px)}
.hero-logo{width:min(420px,100%);height:auto}
.lead{font-size:clamp(1.5rem,3vw,2.1rem);line-height:1.35;margin-top:26px;color:var(--ink)}
.small{font-size:.9rem;color:var(--muted);margin-top:14px;letter-spacing:.02em}
.collage{position:relative;height:min(640px,72vh)}
.collage img{position:absolute;object-fit:cover;border-radius:var(--r);box-shadow:var(--shadow)}
.c1{width:52%;height:78%;left:0;top:6%}
.c2{width:42%;height:56%;right:0;top:0}
.c3{width:42%;height:38%;right:6%;bottom:0}
/* sections */
.sec{padding:110px 0}
.soft{background:var(--cream)}
.label{font-family:'Noto Serif',serif;font-style:italic;font-weight:300;font-size:1.35rem;color:var(--muted);margin-bottom:38px;display:flex;align-items:center;gap:14px}
.label::after{content:'';flex:0 0 46px;height:1px;background:var(--gold)}
.center .label{justify-content:center}
.center .label::before{content:'';flex:0 0 46px;height:1px;background:var(--gold)}
/* cards */
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.card .ph{border-radius:var(--r);overflow:hidden;box-shadow:var(--shadow);aspect-ratio:4/5;background:var(--beige)}
.card img{width:100%;height:100%;object-fit:cover;transition:transform .8s ease}
.card:hover img{transform:scale(1.04)}
.card h3{font-family:'Noto Sans',sans-serif;font-weight:500;font-size:.95rem;letter-spacing:.02em;margin:18px 4px 2px}
.card p{color:var(--muted);font-size:1.02rem;margin:0 4px}
/* events + steps */
.events{font-size:clamp(1.5rem,3.4vw,2.3rem);line-height:1.5;color:var(--ink)}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:64px;text-align:left}
.steps div{background:var(--white);border-radius:var(--r);padding:28px 24px}
.steps span{font-family:'Noto Serif',serif;font-style:italic;color:var(--gold);font-size:1.1rem}
.steps b{display:block;font-weight:500;font-size:.95rem;margin:6px 0 4px}
.steps p{color:var(--muted);font-size:.9rem}
/* feed */
.feed{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;border-radius:var(--r);overflow:hidden}
.feed a{position:relative;aspect-ratio:1;overflow:hidden;background:var(--beige)}
.feed img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.feed span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(47,42,37,.38);color:#fff;font-size:.9rem;letter-spacing:.04em;opacity:0;transition:.3s}
.feed a:hover span{opacity:1}
.follow{display:flex;align-items:center;gap:18px;max-width:520px;margin:44px auto 0;padding:16px 18px;border-radius:999px;background:var(--cream);border:1px solid var(--line)}
.follow img{width:52px;height:52px;border-radius:50%;object-fit:cover;border:1px solid var(--line)}
.follow span{flex:1;display:flex;flex-direction:column;line-height:1.35}
.follow b{font-weight:500}.follow small{color:var(--muted);font-size:.82rem}
/* faq */
.faq-list details{border-bottom:1px solid var(--line);padding:20px 2px}
.faq-list summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px;font-family:'Noto Serif',serif;font-size:1.08rem}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary::after{content:'+';color:var(--gold);font-family:'Noto Sans',sans-serif;font-size:1.3rem;line-height:1.2}
.faq-list details[open] summary::after{content:'–'}
.faq-list details p{color:var(--muted);font-size:.95rem;margin-top:10px}
.faq-list a{text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:3px}
/* contact */
.cl{display:flex;justify-content:center;flex-wrap:wrap;gap:10px 34px;margin-top:22px;font-size:1rem}
.cl a{border-bottom:1px solid var(--line);padding-bottom:2px}
.cl a:hover{border-color:var(--gold)}
.bform{margin:60px auto 0;text-align:left;display:grid;grid-template-columns:1fr 1fr;gap:18px 20px;background:var(--cream);border-radius:28px;padding:40px}
.bform .full{grid-column:1/-1}
.bform label,.bform legend{display:block;font-size:.8rem;color:var(--muted);margin-bottom:6px;letter-spacing:.02em}
.bform input,.bform select,.bform textarea{width:100%;font:inherit;font-weight:300;color:var(--ink);background:var(--white);border:1px solid transparent;padding:12px 16px;border-radius:14px}
.bform input:focus,.bform select:focus,.bform textarea:focus{outline:none;border-color:var(--gold)}
.bform fieldset{border:0}
.checks{display:flex;flex-wrap:wrap;gap:10px}
.checks label{display:flex;align-items:center;gap:8px;font-size:.9rem;color:var(--ink);margin:0;background:var(--white);padding:8px 16px;border-radius:999px;cursor:pointer}
.checks input{width:auto;accent-color:var(--gold)}
.bform button{justify-self:center;margin-top:6px}
.hp{display:none}
.fnote{font-size:.8rem;color:var(--muted);text-align:center}
.thanks{display:none;margin:60px auto 0;padding:44px;border-radius:28px;background:var(--cream)}
.thanks h3{font-family:'Noto Serif',serif;font-style:italic;font-weight:300;font-size:1.6rem;margin-bottom:6px}
/* footer */
footer{border-top:1px solid var(--line);padding:50px 0 40px;text-align:center;font-size:.85rem;color:var(--muted);background:var(--cream)}
footer img{height:22px;margin:0 auto 14px}
footer a:hover{color:var(--ink)}
.tiny{font-size:.75rem;margin-top:6px;opacity:.8}
/* fade */
.fade{opacity:0;transform:translateY(18px);transition:opacity .9s ease,transform .9s ease}
.fade.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.fade{opacity:1;transform:none;transition:none}}
/* mobile */
@media(max-width:860px){
 nav{display:none}.top .mcall{display:inline-block}
 .top .wrap{height:58px}.brand img{height:20px}
 .pill.mobile-only{display:inline-block}
 .hero{grid-template-columns:1fr;gap:34px;padding:34px 20px 70px;min-height:0}
 .hero-txt{order:2;text-align:center}.hero .ctas{justify-content:center}
 .hero-logo{width:78%;margin:0 auto}
 .collage{order:1;height:auto;display:grid;grid-template-columns:1.25fr 1fr;grid-template-rows:1fr 1fr;gap:10px;aspect-ratio:1/1.05}
 .collage img{position:static;width:100%;height:100%;border-radius:18px}
 .c1{grid-row:1/3}
 .wrap{padding:0 20px}
 .sec{padding:76px 0}
 .label{margin-bottom:26px;font-size:1.2rem}
 .cards{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:78%;overflow-x:auto;scroll-snap-type:x mandatory;gap:16px;margin:0 -20px;padding:0 20px 14px;scrollbar-width:none}
 .cards::-webkit-scrollbar{display:none}
 .card{scroll-snap-align:start}
 .steps{grid-template-columns:1fr;gap:12px;margin-top:40px}
 .feed{gap:3px;border-radius:14px}
 .follow{margin-top:28px}
 .bform{grid-template-columns:1fr;padding:26px 20px;border-radius:22px}
 .cl{flex-direction:column;gap:12px}
}
/* placeholders */
.gph{color:var(--gold);background:rgba(176,141,87,.12);border:1px dashed rgba(176,141,87,.55);border-radius:8px;padding:0 8px;font-style:normal}
.muted{color:var(--muted)}
/* packages */
.packs{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;align-items:stretch}
.pack{position:relative;background:var(--cream);border-radius:var(--r);padding:34px 26px 28px;display:flex;flex-direction:column}
.pack h3{font-family:'Noto Serif',serif;font-style:italic;font-weight:300;font-size:1.45rem;margin-bottom:6px}
.pack .sub{color:var(--muted);font-size:.92rem;margin-bottom:4px}
.pack ul{list-style:none;margin:14px 0 24px;flex:1}
.pack li{font-size:.92rem;color:var(--ink);padding:8px 0;border-bottom:1px solid var(--line)}
.pack li:last-child{border-bottom:0}
.price{font-size:1.05rem}.price em{color:var(--muted);margin-right:6px}
.pack.pop{background:var(--ink);color:var(--white);box-shadow:var(--shadow);transform:translateY(-10px)}
.pack.pop.in{transform:translateY(-10px)}
.pack.pop li{color:var(--white);border-color:rgba(247,241,232,.18)}
.pack.pop .price em{color:rgba(247,241,232,.7)}
.pack.pop .gph{color:#e2c48f;border-color:rgba(226,196,143,.6)}
.tag{position:absolute;top:-13px;left:50%;transform:translateX(-50%);white-space:nowrap;background:var(--gold);color:#fff;font-size:.75rem;letter-spacing:.04em;padding:4px 14px;border-radius:999px}
/* reviews */
.quotes{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.quote{background:var(--white);border-radius:var(--r);padding:34px 28px 26px;position:relative}
.qm{font-family:'Noto Serif',serif;font-size:3.4rem;line-height:.6;color:var(--gold);display:block;margin-bottom:14px}
.quote blockquote{font-family:'Noto Serif',serif;font-style:italic;font-weight:300;font-size:1.08rem;line-height:1.6;min-height:3.2em}
.quote figcaption{margin-top:18px;font-size:.85rem;color:var(--muted)}
/* icon pills */
.pill.ico{display:inline-flex;align-items:center;gap:8px}
/* floating */
.fab{position:fixed;right:20px;bottom:20px;z-index:30}
.fab-btn{width:54px;height:54px;border-radius:50%;border:1px solid rgba(216,201,180,.8);background:rgba(47,42,37,.88);color:var(--white);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 10px 26px -10px rgba(47,42,37,.55);backdrop-filter:blur(6px)}
.fab-btn:hover{background:var(--gold)}
.fab-menu{position:absolute;right:0;bottom:66px;background:rgba(247,241,232,.96);backdrop-filter:blur(12px);border:1px solid var(--line);border-radius:18px;padding:8px;min-width:170px;box-shadow:var(--shadow);opacity:0;visibility:hidden;transform:translateY(8px);transition:.2s}
.fab.open .fab-menu{opacity:1;visibility:visible;transform:none}
.fab-menu a{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:12px;font-size:.92rem}
.fab-menu a:hover{background:var(--cream)}
.fab-menu svg{color:var(--gold)}
@media(max-width:1100px){.packs{grid-template-columns:1fr 1fr}.pack.pop,.pack.pop.in{transform:none}}
@media(max-width:860px){
 .packs{grid-template-columns:1fr;gap:16px}.pack{padding:28px 22px 22px}
 .quotes{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:84%;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -20px;padding:0 20px 10px;scrollbar-width:none}
 .quotes::-webkit-scrollbar{display:none}.quote{scroll-snap-align:start}
 .fab{right:16px;bottom:16px}.fab-btn{width:50px;height:50px}
}
/* multi-page */
@keyframes pagein{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
main{animation:pagein .5s ease both}
nav a{position:relative;padding:6px 0}
nav a.active{color:var(--ink)}
nav a.active::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--gold)}
.tright{display:flex;align-items:center;gap:10px}
.burger{display:none;width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:transparent;cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:6px}
.burger span{display:block;width:16px;height:1px;background:var(--ink);transition:.25s}
.top.menu-open .burger span:first-child{transform:translateY(3.5px) rotate(45deg)}
.top.menu-open .burger span:last-child{transform:translateY(-3.5px) rotate(-45deg)}
main>.sec:first-child{padding-top:72px}
a.card{display:block;color:inherit;text-decoration:none}
a.card:hover h3{color:var(--gold)}
.teaser{padding-top:40px}
@media(max-width:860px){
 .burger{display:flex}
 .top.menu-open nav{display:flex;position:absolute;top:100%;left:0;right:0;flex-direction:column;gap:0;align-items:stretch;background:rgba(247,241,232,.97);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);padding:8px 24px 18px;box-shadow:var(--shadow);animation:pagein .25s ease both}
 .top.menu-open nav a{padding:14px 0;border-bottom:1px solid var(--line)}
 .top.menu-open nav a:last-child{border-bottom:0}
 .top.menu-open nav a.active::after{right:auto;width:28px;bottom:8px}
 main>.sec:first-child{padding-top:44px}
}
/* home */
.page-index .hero{min-height:calc(100vh - 68px);display:grid;align-items:center}
.page-index .teaser .card .ph{aspect-ratio:4/5}
.cta-band{background:var(--ink);color:var(--white);padding:110px 0}
.cta-band .cta-big{font-family:'Noto Serif',serif;font-weight:300;font-size:clamp(2rem,4.5vw,3.4rem);margin-bottom:14px}
.cta-band .muted{color:rgba(247,241,232,.7);margin-bottom:28px}
.cta-band .ctas{justify-content:center}
.cta-band .pill{color:var(--white);border-color:rgba(247,241,232,.5)}
.cta-band .pill.solid{background:var(--gold);border-color:var(--gold)}
@media(max-width:860px){.page-index .hero{min-height:auto}.cta-band{padding:80px 0}}
@media(max-width:860px){.top.menu-open nav{background:var(--white);backdrop-filter:none}}
/* landing */
.landing{min-height:calc(100vh - 68px);display:flex;flex-direction:column}
.page-index .landing .hero{flex:1;min-height:0;padding-top:40px;padding-bottom:40px}
.landing{min-height:calc(100vh - 68px)}
.page-index .landing .hero{min-height:calc(100vh - 68px);padding-top:28px;padding-bottom:28px;max-width:1360px;grid-template-columns:.85fr 1.35fr}
@media(min-width:861px){.page-index .collage{height:calc(100vh - 68px - 56px);max-height:820px}}
@media(max-width:860px){
 .landing,.page-index .landing .hero{min-height:calc(100svh - 58px)}
 .page-index .landing .hero{display:flex;flex-direction:column;justify-content:space-between;gap:22px;padding:16px 20px 26px}
 .page-index .collage{aspect-ratio:auto;flex:1;min-height:300px}
 .page-index .hero-logo{max-width:230px}
 .page-index .hero .lead{margin-bottom:6px}
}
@media(max-width:860px){.page-index .hero .pill.mobile-only{display:none}}
/* concept */
.concept{padding:110px 0}
.concept-in{display:grid;grid-template-columns:1.2fr .8fr;gap:80px;align-items:center;max-width:1080px}
.concept-txt p:not(.label){font-family:'Noto Serif',serif;font-weight:300;font-size:1.16rem;line-height:1.8;margin-bottom:14px;color:var(--ink)}
.concept-img img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:var(--r);box-shadow:var(--shadow)}
@media(max-width:860px){.concept{padding:64px 0}.concept-in{grid-template-columns:1fr;gap:34px}.concept-txt p:not(.label){font-size:1.04rem}.concept-img{max-width:320px;margin:0 auto}}
/* palette v9: gold primary CTA, used sparingly */
.pill.solid{background:var(--gold);border-color:var(--gold);color:var(--white)}
.pill.solid:hover{background:var(--ink);border-color:var(--ink);color:var(--white)}
.top{background:rgba(251,247,241,.94)}
.label::after,.label::before{background:var(--gold-soft)}
.fab-btn{background:rgba(42,36,31,.9)}
.cta-band .pill.solid{background:var(--gold);border-color:var(--gold)}
.pack-btn{margin-top:16px;align-self:flex-start}
.pack.pop .pack-btn{color:var(--white);border-color:rgba(251,247,241,.6)}
.pack.pop .pack-btn:hover{background:var(--gold);border-color:var(--gold)}
legend .opt{color:var(--muted);font-weight:300}
.closing{padding:120px 0 130px}
.close-strip{display:flex;justify-content:center;gap:14px;margin-bottom:44px}
.close-strip img{width:96px;height:120px;object-fit:cover;border-radius:16px;opacity:.92}
.close-strip img:nth-child(2){transform:translateY(-10px)}
@media(max-width:860px){.closing{padding:80px 0 90px}.close-strip img{width:76px;height:96px}}