:root{
  --umber:#4A3B2E;
  --moss:#46553A;
  --deep:#2F241B;
  --candle:#F1E8D8;
  --plaster:#E4D8CC;
  --card:#EFE6DB;
  --line:#CDBFB1;
  --rule:#C9BBAE;
  --muted:#D2C7B6;
  --serif:'Cormorant Garamond',Georgia,serif;
  --sans:'Libre Franklin',system-ui,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--plaster);color:var(--deep);font-family:var(--sans);font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit}
em{font-style:italic}
.wrap{max-width:1120px;margin:0 auto;padding:0 24px}
.skip{position:absolute;left:-999px;top:0;background:var(--candle);color:var(--deep);padding:12px 16px;z-index:10}
.skip:focus{left:16px;top:16px}
:focus-visible{outline:2px solid currentColor;outline-offset:3px}

/* type */
.serif,h1,h2,h3{font-family:var(--serif);font-weight:500;line-height:1.1;margin:0}
h1{font-size:clamp(46px,8vw,104px);line-height:1}
h2{font-size:clamp(36px,5vw,52px)}
h3{font-size:clamp(28px,3.4vw,36px);line-height:1.15}
.label{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--moss)}
.lede{font-size:19px;max-width:560px}
p{margin:0}
.stack>*+*{margin-top:16px}
.name{font-family:var(--serif);font-style:italic;font-weight:500;font-size:1.25em;line-height:1}

/* bands */
.dark{background:var(--umber);color:var(--candle)}
.dark .lede,.dark .muted{color:var(--muted)}
.moss{background:var(--moss);color:var(--candle)}
.moss p{color:var(--plaster)}
.light{background:var(--plaster);color:var(--deep)}
.light p{color:var(--umber)}

/* header */
.top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px;padding-block:28px 28px}
.mark{display:flex;align-items:center;gap:.38em;font-family:var(--serif);font-weight:500;font-size:28px;line-height:1;letter-spacing:.04em;text-decoration:none;padding:8px 0}
.mark .bar{display:block;width:1.5px;height:1.05em;background:currentColor}
.mark i{font-style:italic}
nav ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px 24px;font-size:13px;letter-spacing:.2em;text-transform:uppercase}
nav a{display:inline-block;padding:12px 0;text-decoration:none;border-bottom:1px solid transparent}
nav a:hover,nav a[aria-current="page"]{border-bottom-color:currentColor}

/* hero */
.hero{padding-block:96px 112px;display:flex;flex-direction:column;align-items:flex-start;gap:32px}
.hero h1{max-width:900px}
.veilbar{display:block;width:2px;height:72px;background:currentColor}
.pagehero{padding-block:72px 88px;display:flex;flex-direction:column;align-items:flex-start;gap:24px}
.pagehero h1{font-size:clamp(42px,6.5vw,84px);max-width:860px}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 28px;font-size:13px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;text-decoration:none;border:0;cursor:pointer}
.btn-candle{background:var(--candle);color:var(--deep)}
.btn-moss{background:var(--moss);color:var(--candle)}
.btn:hover{opacity:.9}
.textlink{display:inline-block;padding:12px 0;font-size:15px}

/* sections */
.section{padding-block:88px 88px}
.first{padding-block:64px 64px;display:flex;flex-wrap:wrap;gap:24px 32px;align-items:flex-end;justify-content:space-between;border-bottom:1px solid var(--rule)}
.first>div:first-child{flex:1 1 420px}
.price-big{font-family:var(--serif);font-weight:500;font-size:32px;line-height:1}
.cards{display:flex;flex-wrap:wrap;gap:20px}
.card{flex:1 1 320px;background:var(--card);border:1px solid var(--line);padding:40px;display:flex;flex-direction:column;gap:18px;text-decoration:none;color:var(--deep)}
.card p{flex-grow:1}
.card .foot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;padding-top:18px;border-top:1px solid var(--line);font-size:13px;color:var(--umber)}
.card .foot strong{font-weight:500;color:var(--deep)}
a.card:hover{border-color:var(--moss)}
.more{font-size:13px;letter-spacing:.2em;text-transform:uppercase;color:var(--moss)}

/* about */
.about{display:flex;flex-wrap:wrap;gap:48px;align-items:flex-start}
.about .veilbar{height:120px;flex:0 0 2px}
.about>div{flex:1 1 420px;max-width:680px}
.about h2{font-style:italic}
.about p{font-size:18px;line-height:1.7}

/* menu list */
.menu{list-style:none;margin:0;padding:0;border-top:1px solid var(--rule)}
.menu li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 32px;padding:32px 0;border-bottom:1px solid var(--rule)}
.menu h3{font-size:30px}
.menu .meta{font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--moss);margin-top:8px}
.menu p{margin-top:12px;max-width:620px}
.menu .price{font-family:var(--serif);font-size:30px;font-weight:500;line-height:1.1;text-align:right;white-space:nowrap}
.note{font-size:15px;max-width:680px}
.cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:48px}
.steps{margin:0;padding-left:22px}
.steps li+li{margin-top:12px}

/* faq */
.faq{border-top:1px solid var(--rule)}
.faq details{border-bottom:1px solid var(--rule)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:24px 0;font-family:var(--serif);font-size:26px;font-weight:500;line-height:1.2}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-family:var(--sans);font-size:22px;font-weight:400;color:var(--moss);flex:0 0 auto}
.faq details[open] summary::after{content:"\2212"}
.faq details p{padding:0 0 28px;max-width:680px}

/* policies */
.policy{display:grid;gap:40px;max-width:760px}
.policy h2{font-size:30px;margin-bottom:12px}

/* notes */
.notes{list-style:none;margin:0;padding:0;border-top:1px solid var(--rule)}
.notes li{border-bottom:1px solid var(--rule)}
.notes a{display:block;padding:32px 0;text-decoration:none}
.notes time{font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--moss)}
.notes h2{font-size:34px;margin:8px 0}
.prose{max-width:680px;font-size:18px;line-height:1.75}
.prose>*+*{margin-top:20px}
.prose h2{font-size:34px;margin-top:40px}
.prose h3{font-size:26px;margin-top:32px}
.prose a{color:var(--moss)}
.prose blockquote{margin:0;padding-left:24px;border-left:2px solid var(--moss);font-family:var(--serif);font-size:24px;font-style:italic;line-height:1.4}

/* book */
.calwrap{background:var(--card);border:1px solid var(--line);min-height:640px}
.calwrap #cal{width:100%;min-height:640px;overflow:auto}
.closed{background:var(--card);border:1px solid var(--line);padding:40px;max-width:680px}

/* footer */
footer{background:var(--deep);color:var(--muted);font-size:13px;line-height:1.6}
footer .wrap{padding-top:48px;padding-bottom:56px;display:flex;flex-wrap:wrap;gap:24px 48px;justify-content:space-between}
footer ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px 24px}
footer a{display:inline-block;padding:8px 0;text-decoration:none}
footer a:hover{text-decoration:underline}
footer .disc{max-width:520px}

@media (max-width:640px){
  body{font-size:16px}
  .hero{padding-block:56px 72px;gap:24px}
  .pagehero{padding-block:48px 64px}
  .section{padding-block:64px}
  .about>.veilbar{display:none}
  .about{gap:0}
  .card,.closed{padding:28px}
  .menu li{grid-template-columns:1fr}
  .menu .price{text-align:left}
  .faq summary{font-size:22px}
  .mark{font-size:24px}
  nav ul{gap:0 18px;font-size:12px}
}