/* Fall theme: warm autumn colors and drifting leaves. No holiday wording.
   To switch it off, delete the <link> to this file (and the fall.js <script>) from the pages. */
@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@500;700&display=swap');
:root{--f-bg:#fff7ec;--f-cream:#fdeed9;--f-sand:#f3dcbb;--f-line:#ecd2ad;--f-amber:#e8a13a;--f-orange:#d9671f;--f-rust:#b5471a;--f-deep:#8a3411;--f-brown:#3a2416;--f-burg:#7a2a2f}
body{position:relative;background:var(--f-bg);color:#33211a}
a{color:var(--f-rust)}a:hover{color:var(--f-deep)}
h1 em,.hero em{color:var(--f-orange)}
.bar{background:linear-gradient(90deg,#8a3411,#b5471a 50%,#8a3411);color:#fff3e0;border-bottom:0}
.bar a{color:#ffe2a8}.bar strong{color:#ffd27a}
.hd{background:rgba(255,247,236,.97);border-bottom:1px solid var(--f-line)}
.menu{background:var(--f-bg);border-top:1px solid var(--f-line)}.menu a{border-bottom:1px solid #f4e2c8;color:#33211a}.menu a[aria-current]{background:var(--f-cream);color:var(--f-deep)}
.burger{background:var(--f-cream);color:var(--f-orange)}
.btn{background:var(--f-orange);color:#fff;box-shadow:0 8px 18px -10px rgba(138,52,17,.7)}.btn:hover{background:var(--f-rust);color:#fff}
.btn.ghost{background:transparent;color:var(--f-brown);box-shadow:inset 0 0 0 1.5px #e0b987}.btn.ghost:hover{background:var(--f-cream);color:var(--f-brown)}
.btn.dark{background:var(--f-brown);color:#fff}
.sold{background:#f4e6d2;color:#8a6f58}
.kick,.kick.sm,.stats .cc,.callout small,.tag small{color:var(--f-rust)}
.kick.line:before{background:var(--f-amber)}
.sec.alt{background:linear-gradient(180deg,var(--f-cream),#fbe6c8);border-color:var(--f-line)}
.heroimg{background:var(--f-sand);box-shadow:0 30px 60px -30px rgba(122,52,17,.5)}
.kc,.rv,.post,.step,.card,.imgbox,.feat,.pills li{border-color:var(--f-line);background:#fffdf8}
.kgrid.k4 img,.kc img{background:var(--f-sand)}
.kc{box-shadow:0 14px 30px -22px rgba(122,52,17,.55)}
.stars{color:var(--f-amber)}
.ic{background:var(--f-cream);color:var(--f-orange)}
.callout{background:var(--f-cream)}
.post:hover{border-color:#e0b987}
.pills li a:hover{color:var(--f-deep)}
details{border-top-color:var(--f-line)}details summary::after{color:var(--f-orange)}
.jump a{border-color:var(--f-line);color:#4a3226}
.form input,.form textarea{border-color:#e6c99f}
.cta{background:linear-gradient(135deg,#d9671f,#b5471a);color:#fff}.cta h2,.cta p{color:#fff}.cta .btn{background:#fff3e0;color:var(--f-deep);box-shadow:none}.cta .btn:hover{background:#fff;color:var(--f-deep)}.cta .btn.ghost{background:transparent;color:#fff;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.7)}
.ft{background:var(--f-brown);color:#e8d3bd}.ft a,.credit a{color:#ffbf74}.copy{border-top-color:#5b3d2a}.credit .hl{background:#8a6a52}.credit .ct{color:#e8d3bd}
h1,h2,h3{font-weight:600}
/* leaves */
.leaves{position:fixed;left:0;top:0;width:100%;height:100%;pointer-events:none;overflow:hidden;z-index:30}
.leaves b{position:absolute;top:-70px;display:block;background-size:contain;background-repeat:no-repeat;animation:fallLeaf linear infinite;will-change:transform}
@keyframes fallLeaf{0%{transform:translate3d(0,-80px,0) rotate(-20deg) rotateY(0)}25%{transform:translate3d(60px,28vh,0) rotate(40deg) rotateY(120deg)}50%{transform:translate3d(-40px,55vh,0) rotate(-30deg) rotateY(240deg)}75%{transform:translate3d(55px,82vh,0) rotate(35deg) rotateY(330deg)}100%{transform:translate3d(-10px,calc(100vh + 90px),0) rotate(-20deg) rotateY(420deg)}}
@media(prefers-reduced-motion:reduce){.leaves b{animation:none}}
@media(max-width:700px){.leaves b:nth-child(n+13){display:none}.leaves b{zoom:.55}}

/* taped polaroid kitten cards */
.kgrid .kc{position:relative;background:#fff;border-radius:3px;padding:12px 12px 0;box-shadow:0 22px 36px -20px rgba(60,30,10,.55);border:1px solid #ecd9bc;overflow:visible;transform:rotate(var(--r,0deg))}
.kgrid .kc:nth-child(4n+1){--r:-1.6deg}.kgrid .kc:nth-child(4n+2){--r:1.2deg}.kgrid .kc:nth-child(4n+3){--r:-.8deg}.kgrid .kc:nth-child(4n+4){--r:1.8deg}
.kgrid .kc:before{content:"";position:absolute;top:-12px;left:50%;width:78px;height:24px;margin-left:-39px;background:rgba(222,170,90,.78);transform:rotate(-3deg);box-shadow:0 2px 6px rgba(0,0,0,.12);z-index:3}
.kgrid .kc img{border-radius:2px}
.kgrid .kc h3{font-family:Caveat,cursive;font-weight:700;font-size:27px;color:var(--f-rust)}
.kgrid .kb{padding-left:4px;padding-right:4px}
/* personal note, steps panel and sign-off on the home page */
.letter{max-width:1120px;margin:0 auto;display:grid;grid-template-columns:.9fr 1.1fr;gap:64px;padding:70px 28px 80px;align-items:center}
.letter .ph{position:relative;background:#fff;padding:16px 16px 54px;transform:rotate(-2.4deg);box-shadow:0 34px 54px -26px rgba(60,30,10,.6);border:1px solid #ecd9bc}
.letter .ph img{width:100%;height:420px;object-fit:cover}
.letter .ph:before{content:"";position:absolute;top:-14px;left:50%;width:100px;height:28px;margin-left:-50px;background:rgba(222,170,90,.82);transform:rotate(2deg)}
.letter .ph span{position:absolute;left:0;right:0;bottom:12px;text-align:center;font:700 28px Caveat,cursive;color:var(--f-brown)}
.letter .card{background:#fffdf7;border:1px solid #ead2a4;padding:52px 56px;position:relative;box-shadow:0 30px 56px -34px rgba(60,30,10,.5);transform:rotate(.8deg)}
.letter .card:before{content:"";position:absolute;inset:10px;border:1px solid rgba(214,160,80,.55);pointer-events:none}
.letter .card h3{font:700 42px Caveat,cursive;color:var(--f-rust);margin:0 0 14px}
.letter .card p{font:500 20px/1.65 'Playfair Display',serif;color:#3a2d24;margin:0 0 14px}
.letter .card .sig{font:700 36px Caveat,cursive;color:var(--f-brown);margin-top:18px}
.letter .card .sig small{display:block;font:800 11px Mulish,sans-serif;letter-spacing:.24em;color:#a77a2f;margin-top:4px}
.steps{max-width:1040px;margin:0 auto 70px;border-radius:6px;background:radial-gradient(120% 140% at 85% 0%,#6b3a1a 0,#2f1c10 62%);color:#fbf0dc;padding:64px 60px;display:grid;grid-template-columns:1.25fr 1fr;gap:56px;position:relative;box-shadow:0 40px 70px -40px rgba(30,12,2,.8)}
.steps:before{content:"";position:absolute;inset:12px;border:1px solid rgba(240,190,110,.5);pointer-events:none}
.steps .k{font:800 12px Mulish,sans-serif;letter-spacing:.28em;color:#f0be6e;margin-bottom:16px}
.steps h2{font:500 44px/1.08 'Playfair Display',serif;margin:0 0 18px;color:#fff}
.steps h2 em{color:#f0be6e}
.steps p{font-size:16.5px;line-height:1.7;opacity:.9;max-width:500px;margin:0 0 30px;color:inherit}
.steps a.b{display:inline-block;background:linear-gradient(180deg,#f3c97d,#d9923a);color:#2f1c10;padding:16px 32px;border-radius:999px;font-weight:800;font-size:14.5px;margin:0 12px 10px 0}
.steps a.o{display:inline-block;border:1px solid rgba(243,201,125,.7);color:#fbf0dc;padding:15px 28px;border-radius:999px;font-weight:700;font-size:14.5px}
.steps .bx{border:1px solid rgba(240,190,110,.45);border-radius:4px;padding:10px 30px;align-self:center}
.steps .bx div{padding:16px 0;border-bottom:1px solid rgba(240,190,110,.25);font:500 19px 'Playfair Display',serif;display:flex;gap:18px;align-items:baseline}
.steps .bx div:last-child{border:0}
.steps .bx small{font:800 11px Mulish,sans-serif;letter-spacing:.2em;color:#f0be6e;min-width:30px}
.xfoot{background:var(--f-brown);color:#f0be6e;text-align:center;padding:46px 20px;font:italic 500 20px 'Playfair Display',serif}
.xfoot .script{font:700 54px Caveat,cursive;color:#f6cf8a;display:block;margin-bottom:4px}
@media(max-width:860px){.letter{grid-template-columns:1fr;padding:50px 22px;gap:40px}.letter .card{padding:34px 28px}.steps{grid-template-columns:1fr;margin:0 16px 40px;padding:40px 28px}.steps h2{font-size:32px}}
@media(max-width:560px){.kgrid .kc:before{width:56px;margin-left:-28px}.kgrid .kc h3{font-size:22px}}


/* kitten detail pages */
.kc h3 a,.kc a{color:inherit;text-decoration:none}.kc a img{display:block;transition:transform .35s}.kc:hover a img{transform:scale(1.03)}.kc{overflow:hidden}
.pd{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:start;padding:12px 0 56px}
.pd-ph img{width:100%;border-radius:6px;background:#fff;padding:14px 14px 14px;box-shadow:0 30px 50px -28px rgba(60,30,10,.6);border:1px solid #ecd9bc;display:block;transform:rotate(-1deg)}
.pd-th{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:16px}.pd-th img{padding:5px;transform:none;aspect-ratio:1;object-fit:cover}
.pd-info h1{font-size:46px;margin:6px 0 4px}
.avail,.sold-b{display:inline-block;font:800 12px Mulish,sans-serif;letter-spacing:.16em;text-transform:uppercase;padding:6px 14px;border-radius:999px}
.avail{background:#e5f1dc;color:#2f5d1c}.sold-b{background:#f4e6d2;color:#8a6f58}
.pd-facts{list-style:none;padding:0;margin:8px 0 22px;border-top:1px solid var(--f-line)}.pd-facts li{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--f-line)}.pd-facts b{color:var(--f-rust)}
.pd-buy{display:grid;gap:10px}.pd-buy .btn{width:100%}
.pd-note{font-size:14px;color:#6b5a55;margin-top:14px}
.pd-more{padding:30px 0 70px;border-top:1px solid var(--f-line)}.pd-more h2{margin-bottom:22px}
@media(max-width:860px){.pd{grid-template-columns:1fr;gap:28px}.pd-info h1{font-size:36px}}