@font-face{font-family:"Cormorant";src:url("/fonts/CormorantInfant-sub.woff2") format("woff2");font-weight:300 700;font-display:swap}
:root{--ink:#161616;--muted:#5f5f5f;--rule:#e4e1dc;--bg:#fff}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.65 Charter,"Bitstream Charter","Sitka Text",Cambria,Georgia,serif;font-variant-numeric:lining-nums}
a{color:inherit}
.wrap{max-width:980px;margin:0 auto;padding:0 20px}
header{display:flex;justify-content:space-between;align-items:baseline;padding:26px 0 22px}
.brand{font-family:"Cormorant",Georgia,serif;font-weight:600;font-size:23px;text-decoration:none;letter-spacing:.01em}
header a.mail{font:14px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;color:var(--muted);text-decoration:none}
figure{margin:0}
.hero img{width:100%;height:auto;display:block}
.intro{display:grid;grid-template-columns:1.3fr 1fr;gap:56px;padding:44px 0 52px;border-bottom:1px solid var(--rule)}
h1{font-family:"Cormorant",Georgia,serif;font-weight:600;font-size:46px;line-height:1.08;margin:0 0 18px}
.intro p{margin:0 0 14px}
.facts{font:15px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;margin:4px 0 0;padding:0;list-style:none}
.facts li{padding:9px 0;border-top:1px solid var(--rule)}
.facts li:last-child{border-bottom:1px solid var(--rule)}
.facts b{display:inline-block;min-width:92px}
.per{font:14px/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;color:var(--muted);margin:0 0 10px!important}
.price{font-family:"Cormorant",Georgia,serif;font-size:34px;font-weight:600;line-height:1;margin:0 0 6px!important}
.btn{display:inline-block;margin-top:14px;background:var(--ink);color:#fff;text-decoration:none;padding:12px 20px;font:600 15px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif}
section{padding:48px 0;border-bottom:1px solid var(--rule)}
h2{font-family:"Cormorant",Georgia,serif;font-weight:600;font-size:30px;margin:0 0 16px}
.cols{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}
.detail img{width:100%;height:auto;display:block;border:1px solid var(--rule)}
figcaption{font:13px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;color:var(--muted);margin-top:8px}
ol{padding-left:20px;margin:0}
ol li{margin-bottom:10px}
dl{margin:0}
dt{font-weight:bold;margin-top:16px}
dt:first-child{margin-top:0}
dd{margin:2px 0 0;color:#333}
.samples{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.samples img{width:100%;height:auto;display:block;border:1px solid var(--rule)}
@media (max-width:760px){.samples{grid-template-columns:1fr}}
footer{padding:28px 0 44px;font:13px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;color:var(--muted)}
footer p{max-width:720px;margin:0 0 10px}
.cols>*,.intro>*{min-width:0}
@media (max-width:760px){
  .intro,.cols{grid-template-columns:1fr;gap:28px}
  h1{font-size:36px}
  .intro{padding:28px 0 40px}
  header a.mail{display:none}
}
.page{max-width:680px;padding:20px 0 48px}
.page h1{font-size:40px;margin-bottom:8px}
.page h2{font-size:24px;margin:30px 0 8px}
.page p,.page li{margin:0 0 12px}
.updated{font:14px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;color:var(--muted)}
footer nav a{margin-right:14px}