.bookform .ok{display:none}
img{display:block;max-width:100%}
*{box-sizing:border-box;margin:0;padding:0}
a{color:inherit;text-decoration:none}

:root{--p:#f5eddf;--t:#c4532d;--f:#2e4a3b;--k:#2b2620;--n:#fbe58f;--mu:#6d6355}
body{font-family:Bitter,serif;background:var(--p);color:var(--k);line-height:1.6;font-size:17px}
h1,h2,h3{font-weight:700;line-height:1.1;letter-spacing:-.01em}
.hand{font-family:Caveat,cursive;font-weight:600}
.wrap{max-width:1140px;margin:0 auto;padding:0 24px}
.demo{font:600 20px Caveat,cursive;text-align:center;padding:6px;color:var(--mu)}
.hd{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:6px;padding-bottom:14px}
.logo{font:600 42px/1 Caveat,cursive;color:var(--t);white-space:nowrap}
.nav{display:flex;gap:24px;overflow-x:auto;scrollbar-width:none}
.nav a{white-space:nowrap;padding:4px 0}
.nav a.active{text-decoration:underline wavy var(--t) 2px;text-underline-offset:6px}
.stk{background:var(--t);color:#fff;padding:9px 16px;transform:rotate(-2deg);font-weight:700;white-space:nowrap;box-shadow:2px 3px 0 var(--k)}
.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:50px;align-items:center;padding:36px 0 70px}
.hero h1{font-size:clamp(38px,5.2vw,66px);margin-bottom:18px}
.hero h1 u{text-decoration-color:var(--t);text-decoration-thickness:5px;text-underline-offset:6px}
.hero p{font-size:19px;margin-bottom:24px;max-width:500px}
.btn{display:inline-block;background:var(--f);color:#fff;border:0;padding:15px 26px;font:700 16px Bitter,serif;cursor:pointer;box-shadow:3px 4px 0 var(--k)}
.pile{position:relative;height:600px}
.pol{position:absolute;background:#fff;padding:12px 12px 8px;box-shadow:0 12px 30px rgba(60,40,10,.22);width:50%}
.pol img{width:100%;aspect-ratio:1;object-fit:cover}
.pol span{display:block;text-align:center;font:600 25px Caveat,cursive;padding-top:4px}
.pol.a{left:0;top:10px;transform:rotate(-6deg)}
.pol.b{right:0;top:0;transform:rotate(5deg)}
.pol.c{left:26%;bottom:0;transform:rotate(-1.5deg)}
.tape:before{content:"";position:absolute;top:-12px;left:50%;width:90px;height:26px;margin-left:-45px;background:rgba(233,217,168,.85);transform:rotate(-3deg)}
section{padding:60px 0}
h2{font-size:clamp(28px,3.6vw,44px);margin-bottom:14px}
.two{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-top:30px}
.sheet{background:#fffdf7 repeating-linear-gradient(transparent 0 31px,#e7dfcd 31px 32px);padding:36px 32px 36px 56px;position:relative;box-shadow:0 8px 22px rgba(60,40,10,.12);line-height:32px;display:block}
.sheet:before{content:"";position:absolute;left:36px;top:0;bottom:0;width:2px;background:#e4a48e}
.sheet h3{font-size:28px;line-height:32px;margin-bottom:32px;color:var(--t)}
.sheet li{list-style:none}
.note{background:var(--n);padding:30px;transform:rotate(-1.2deg);box-shadow:4px 8px 18px rgba(60,40,10,.2);max-width:560px;margin:0 auto;text-align:center}
.note h3{font:600 40px/1.05 Caveat,cursive;margin-bottom:8px}
.ph{padding:30px 0}
.ph h1{font-size:clamp(40px,6.4vw,76px)}
.ph p{font-size:19px;max-width:640px;margin-top:10px}
.row{display:flex;justify-content:space-between;gap:16px}
.row span:last-child{font:600 21px Caveat,cursive;color:var(--mu);white-space:nowrap}
.farm{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.farm img{width:100%;aspect-ratio:4/3;object-fit:cover;border:12px solid #fff;box-shadow:0 12px 30px rgba(60,40,10,.2);transform:rotate(1.5deg)}
.bookform{background:#fffdf7;padding:32px;display:grid;gap:14px;box-shadow:0 8px 22px rgba(60,40,10,.12)}
.bookform h2{font-size:32px;margin:0}
.bookform label{display:grid;gap:3px;font-weight:700;font-size:15px}
.bookform input,.bookform select,.bookform textarea{font:400 16px Bitter,serif;padding:11px 2px;border:0;border-bottom:2px solid var(--k);background:transparent;width:100%}
.bookform button{background:var(--t);color:#fff;border:0;padding:15px;font:700 16px Bitter;cursor:pointer;box-shadow:3px 4px 0 var(--k)}
.map{height:280px;margin-top:18px;border:10px solid #fff;box-shadow:0 8px 22px rgba(60,40,10,.15)}
.map iframe{width:100%;height:100%;border:0;display:block}
footer{background:radial-gradient(circle at 12px 0,transparent 12px,var(--f) 13px) 0 0/24px 100% repeat-x;background-color:transparent;color:#e6e0d0;margin-top:40px}
.fin{padding-top:44px;padding-bottom:30px;display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;align-items:end}
.fin b{font:600 44px/1 Caveat,cursive;color:#fff;display:block}
.fab{display:none}
@media(max-width:860px){.hd{flex-wrap:wrap}.nav{order:3;width:100%;gap:18px}.logo{font-size:36px}.hero,.two,.farm{grid-template-columns:1fr;gap:26px}.hero{padding-top:14px}.pile{height:440px}.sheet{padding:32px 18px 32px 40px}.sheet:before{left:26px}section{padding:40px 0}.row{flex-direction:column;gap:0;line-height:28px}}