@font-face{font-family:"Cormorant";src:url(fonts/CormorantGaramond-var.woff2) format("woff2");font-weight:300 700;font-display:swap}
@font-face{font-family:"Cormorant";src:url(fonts/CormorantGaramond-Italic-var.woff2) format("woff2");font-weight:300 700;font-style:italic;font-display:swap}
@font-face{font-family:"Montserrat";src:url(fonts/Montserrat-var.woff2) format("woff2");font-weight:300 700;font-display:swap}
@font-face{font-family:"Pinyon";src:url(fonts/PinyonScript-Regular.woff2) format("woff2");font-display:swap}
:root{--cream:#F7F3EC;--oat:#E9E3D8;--char:#3A3A38;--sage:#8A9A7B;--dsage:#5F6E52;--gold:#B89B6A;--dgold:#8C7148;--line:#DCD3C4;--serif:"Cormorant",Georgia,serif;--sans:"Montserrat",system-ui,sans-serif}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--cream);color:var(--char);font:400 16px/1.7 var(--sans)}
img{max-width:100%;height:auto;display:block}
a{color:var(--dsage)}a:hover{color:var(--char)}
.wrap{max-width:1180px;margin:0 auto;padding:0 28px}.narrow{max-width:720px}
.skip{position:absolute;left:-999px}.skip:focus{left:12px;top:12px;background:#fff;padding:8px 12px;z-index:9}
h1,h2,h3{font-family:var(--serif);font-weight:500;line-height:1.12;margin:0 0 .4em;color:var(--char)}
h1{font-size:clamp(40px,5.4vw,66px)}h2{font-size:clamp(28px,3vw,38px)}h3{font-size:24px}
.eyebrow,.small-caps,.line,.pc-line{font:600 12px/1.4 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--dgold);margin:0 0 14px}
.lede{font-size:18px;max-width:34em;color:#55554f}
.btn{display:inline-block;font:600 13px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;text-decoration:none;padding:16px 26px;border-radius:2px;background:var(--dsage);color:var(--cream);border:1px solid var(--dsage);transition:background .2s}
.btn:hover{background:var(--char);border-color:var(--char);color:var(--cream)}
.btn.ghost{background:transparent;color:var(--char);border-color:var(--gold)}.btn.ghost:hover{background:var(--oat);color:var(--char)}
.btn.small{padding:11px 16px;font-size:11px}
.site-head{border-bottom:1px solid var(--line);background:var(--cream);position:sticky;top:0;z-index:5}
.head-in{display:flex;align-items:center;gap:28px;height:76px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--char)}.leaf{width:18px;height:27px}
.wordmark{font:500 27px/1 var(--serif);color:var(--char);margin:0}
.nav{display:flex;gap:26px;margin-left:auto}.nav a{font:500 13px var(--sans);letter-spacing:.08em;text-decoration:none;color:var(--char);padding:6px 0;border-bottom:1px solid transparent}
.nav a:hover,.nav a[aria-current]{border-color:var(--gold)}
.hero{background:var(--oat)}
.hero-in{display:grid;grid-template-columns:1.05fr 1fr;gap:56px;align-items:center;padding-top:72px;padding-bottom:88px}
.ctas{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}
.table{position:relative;background:var(--oat);background-image:radial-gradient(circle at 18% 12%,rgba(255,255,255,.55),transparent 55%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.9' numOctaves='2'/%3E%3CfeColorMatrix values='0 0 0 0 .4 0 0 0 0 .35 0 0 0 0 .3 0 0 0 .06 0'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)'/%3E%3C/svg%3E");padding:9% 16%;border-radius:3px}
.table.big{padding:8% 20%}
.paper{border:1px solid rgba(255,255,255,.7);box-shadow:1px 2px 0 rgba(255,255,255,.6) inset,14px 18px 34px rgba(92,74,52,.22),3px 4px 8px rgba(92,74,52,.14);background:#fff}
.big .paper{transform:rotate(-2deg)}
.hero-art{position:relative}
.sprig{position:absolute;right:6%;top:6%;width:70px;height:110px;opacity:.85;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 60'%3E%3Cpath d='M20 58 C21 40 20 20 21 4' stroke='%235F6E52' fill='none' stroke-width='.8'/%3E%3Cpath d='M20 22 C13 16 8 15 4 16 C8 22 14 24 20 25Z M21 34 C28 28 33 27 37 28 C33 34 27 36 21 37Z M20 46 C14 41 9 40 6 41 C9 46 15 48 20 49Z M21 8 C24 4 27 2 30 2 C28 7 25 9 21 11Z' fill='%238A9A7B'/%3E%3C/svg%3E") no-repeat center/contain}
.place-card{position:absolute;left:50%;bottom:-34px;transform:translateX(-50%);background:var(--cream);text-decoration:none;text-align:center;padding:18px 34px 16px;box-shadow:8px 10px 22px rgba(92,74,52,.18);outline:1px solid var(--gold);outline-offset:-8px;min-width:260px}
.pc-name{display:block;font:500 30px/1.1 var(--serif);color:var(--char)}.pc-line{display:block;margin:0;color:var(--char)}
.rule{display:block;width:44px;height:1px;background:var(--gold);margin:10px auto}
.band{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--cream)}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;padding-top:64px;padding-bottom:56px}
.steps h2{font-size:28px}.steps p{margin:0;color:#55554f}
.num{font:400 40px/1 "Pinyon",cursive;color:var(--dgold);display:block;margin-bottom:6px}
.section{padding-top:84px;padding-bottom:20px}
.sec-head{text-align:center;max-width:620px;margin:0 auto 44px}.sec-head.left{text-align:left;margin-left:0}.sec-head p{color:#55554f}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:44px 34px}
.card{display:flex;flex-direction:column}
.card-link{text-decoration:none;color:inherit;display:block}
.card .table{aspect-ratio:4/3.4;display:flex;align-items:center;justify-content:center;padding:7% 0;overflow:hidden}
.card .table>.paper{height:100%;width:auto;transition:transform .35s ease}
.card-link:hover .paper{transform:translateY(-4px) rotate(-1deg)}
.label{text-align:center;padding:18px 8px 4px}.label h3{margin:0}.label .line{margin:0;color:#6b6b63;letter-spacing:.12em;font-size:11px}
.label .rule{margin:10px auto}
.blurb{text-align:center;color:#55554f;margin:6px 0 16px;flex:1}
.card .btn{align-self:center}
.stack{position:relative;height:100%;aspect-ratio:1/1}
.stack .paper{position:absolute;width:52%;height:auto}
.stack .s0{left:2%;top:4%;transform:rotate(-6deg)}.stack .s1{left:46%;top:2%;transform:rotate(4deg)}.stack .s2{left:6%;top:40%;transform:rotate(3deg)}.stack .s3{left:44%;top:38%;transform:rotate(-3deg)}
.card-link:hover .stack .paper{transform:none}
.center{text-align:center;margin:48px 0 0}
.page-head{padding-top:72px;padding-bottom:16px}
.prose{padding-bottom:40px}.prose h2{margin-top:1.4em;font-size:30px}.prose p{max-width:36em}
.faq details{border-bottom:1px solid var(--line);padding:6px 0}
.faq summary{cursor:pointer;font:500 23px/1.3 var(--serif);padding:16px 30px 16px 0;list-style:none;position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:4px;top:12px;font:300 26px var(--sans);color:var(--dgold)}
.faq details[open] summary::after{content:"\2212"}
.faq details p{margin:0 0 18px;color:#55554f}
.note{text-align:center;padding:60px 28px 20px;color:#55554f}
.site-foot{margin-top:100px;border-top:1px solid var(--line);background:var(--oat)}
.foot-in{display:grid;grid-template-columns:1.4fr 1fr;gap:20px 40px;padding-top:56px;padding-bottom:40px}
.script{font:400 26px/1.3 "Pinyon",cursive;color:var(--dgold);margin:8px 0}
.site-foot nav{display:flex;flex-wrap:wrap;gap:12px 24px;align-content:flex-start;justify-content:flex-end}
.site-foot nav a{color:var(--char);text-decoration:none;font-size:14px}.site-foot nav a:hover{text-decoration:underline}
.fine{grid-column:1/-1;font-size:13px;color:#6b6b63;border-top:1px solid var(--line);padding-top:18px;margin:10px 0 0}
:focus-visible{outline:2px solid var(--dsage);outline-offset:3px}
@media (max-width:900px){.grid{grid-template-columns:repeat(2,1fr)}.hero-in{grid-template-columns:1fr;gap:40px;padding-top:44px}.head-in .btn{display:none}}
@media (max-width:640px){.wrap{padding:0 20px}.head-in{height:auto;flex-wrap:wrap;gap:6px 18px;padding-top:14px;padding-bottom:10px}.nav{margin-left:0;width:100%;gap:18px;overflow-x:auto}.nav a{font-size:12px}
.grid{grid-template-columns:1fr;gap:48px}.steps{grid-template-columns:1fr;gap:26px;padding-top:44px;padding-bottom:40px}.section{padding-top:60px}
.foot-in{grid-template-columns:1fr}.site-foot nav{justify-content:flex-start}.place-card{min-width:220px;padding:14px 22px}.pc-name{font-size:25px}.lede{font-size:17px}}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}
.operator{margin-top:2.4em;padding-top:1em;border-top:1px solid var(--line);font-size:14px;color:#6b6b63}
.about-intro{display:grid;grid-template-columns:1.1fr 1fr;gap:56px;align-items:center;padding-top:72px;padding-bottom:20px}
.about-art{padding:8%}.about-art .stack{width:100%;height:auto}
@media (max-width:900px){.about-intro{grid-template-columns:1fr;gap:32px;padding-top:44px}}

.nav-etsy{display:none}
.contact-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:56px;align-items:center;padding-bottom:88px}
.contact-grid ul{padding-left:20px}.contact-grid li{margin-bottom:8px}
@media (max-width:900px){.contact-grid{grid-template-columns:1fr;gap:32px}.contact-art{display:none}}
@media (max-width:640px){.nav-etsy{display:inline}.hero-in{padding-top:36px}.place-card{bottom:-22px;min-width:0;width:78%}.pc-line{letter-spacing:.14em}.table.big{padding-bottom:18%}}
.contact-grid{align-items:start}
@media (max-width:640px){.page-head{padding-top:40px}}
