:root{--ink:#3b2f22;--paper:#f4ecd8;--green:#5b7a3a;--red:#c0442c;--kraft:#d9c49c}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:Lora,Georgia,serif;color:var(--ink);font-size:17px;line-height:1.65;overflow-x:hidden;
 background-color:var(--paper);
 background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3'/%3E%3CfeColorMatrix values='0 0 0 0 .45 0 0 0 0 .35 0 0 0 0 .2 0 0 0 .09 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
img{max-width:100%;display:block}
a{color:inherit}
.wrap{max-width:1140px;margin:0 auto;padding:0 24px}
.hand,h1,h2{font-family:Caveat,cursive;font-weight:700;line-height:1}
h1{font-size:clamp(52px,7vw,96px);margin:22px 0 22px;line-height:1.05}
h2{font-size:clamp(42px,5vw,64px);margin-bottom:18px}
h3{font-family:"Patrick Hand",cursive;font-size:26px;font-weight:400}
.small{font-size:26px;color:var(--green)}
.center{text-align:center}
.hl{background:linear-gradient(transparent 58%,#f2c94c 58%,#f2c94c 88%,transparent 88%);padding:0 4px}
.top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 32px;flex-wrap:wrap}
.logo{height:52px;width:auto}
.top nav{display:flex;gap:26px;font-family:"Patrick Hand",cursive;font-size:22px}
.top nav a{text-decoration:none}
.top nav a:hover{text-decoration:underline wavy var(--red)}
.hero{max-width:1240px;margin:0 auto;padding:40px 24px 90px;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.ctas{display:flex;gap:24px;align-items:center;margin-top:28px;flex-wrap:wrap}
.stamp{display:inline-block;font-family:"Patrick Hand",cursive;font-size:22px;color:var(--red);border:3px solid var(--red);padding:8px 22px;border-radius:6px;text-decoration:none;transform:rotate(-2deg);background:rgba(255,255,255,.35);cursor:pointer;box-shadow:inset 0 0 0 2px rgba(192,68,44,.25)}
.stamp:hover{background:var(--red);color:#fff}
.ul{font-family:"Patrick Hand",cursive;font-size:22px;text-decoration:underline wavy var(--green);text-underline-offset:6px}
.collage{position:relative;min-height:540px}
.pol{background:#fffdf7;padding:12px 12px 46px;box-shadow:0 12px 26px rgba(59,47,34,.22);position:relative}
.pol img{aspect-ratio:1;object-fit:cover;width:100%}
.pol figcaption{position:absolute;bottom:8px;left:0;right:0;text-align:center;font-family:Caveat,cursive;font-size:26px}
.tape{position:absolute;top:-14px;left:50%;width:110px;height:30px;margin-left:-55px;background:rgba(242,214,140,.75);transform:rotate(-4deg);box-shadow:0 1px 2px rgba(0,0,0,.08);z-index:2}
.tape.t2{transform:rotate(6deg);background:rgba(186,214,160,.75)}
.p1{position:absolute;width:62%;left:2%;top:10px;transform:rotate(-5deg)}
.p2{position:absolute;width:54%;right:0;top:250px;transform:rotate(6deg)}
.doodle{position:absolute;color:var(--ink)}
.d1{width:120px;height:120px;left:18%;bottom:-10px}
.note{position:absolute;right:6%;top:40px;font-family:Caveat,cursive;font-size:28px;line-height:1.05;color:var(--red);transform:rotate(8deg)}
.paper-strip{background:#fffaf0;border-top:2px dashed var(--kraft);border-bottom:2px dashed var(--kraft);padding:80px 0}
.two{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:center}
.checklist{list-style:none;font-family:"Patrick Hand",cursive;font-size:24px}
.checklist li{padding:6px 0 6px 40px;position:relative;border-bottom:1px solid #e6dcc4}
.checklist li:before{content:"";position:absolute;left:6px;top:14px;width:18px;height:9px;border-left:3px solid var(--green);border-bottom:3px solid var(--green);transform:rotate(-45deg)}
#zwierzaki{padding:90px 24px 40px}
.animals{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:30px}
.ani{text-align:center;padding:26px;border:2px solid var(--ink);border-radius:255px 15px 225px 15px/15px 225px 15px 255px;background:rgba(255,255,255,.4)}
.ani svg{width:150px;height:120px;color:var(--ink)}
.ani:nth-child(2){transform:rotate(1.5deg)}.ani:nth-child(3){transform:rotate(-1deg)}
.photos{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;padding-top:40px;padding-bottom:90px}
.r1{transform:rotate(-3deg)}.r2{transform:rotate(2deg) translateY(30px)}.r3{transform:rotate(-1.5deg)}
#pokoje{display:grid;grid-template-columns:1.3fr 1fr;gap:50px;align-items:start;padding-bottom:90px}
.board{background:#2f3b2c;color:#f3efe2;padding:40px;border:14px solid #8a6a43;border-radius:6px;box-shadow:0 18px 30px rgba(0,0,0,.25)}
.board h2{color:#fff}.board .small{color:#d6e6b6}
.prices{list-style:none;margin-top:24px;font-family:"Patrick Hand",cursive;font-size:23px}
.prices li{display:flex;align-items:baseline;gap:10px;padding:6px 0}
.prices i{flex:1;border-bottom:2px dotted rgba(255,255,255,.4)}
.prices b{font-weight:400;color:#f2c94c;white-space:nowrap}
.letters{display:flex;flex-direction:column;gap:30px;padding-top:20px}
.letter{background:#fff;padding:26px 28px;font-family:Caveat,cursive;font-size:30px;line-height:1.15;box-shadow:0 8px 18px rgba(0,0,0,.12);transform:rotate(2deg);background-image:repeating-linear-gradient(transparent 0 33px,#dbe6f0 33px 34px)}
.letter.l2{transform:rotate(-2deg)}
.letter cite{display:block;font-size:24px;color:var(--green);margin-top:10px;font-style:normal}
.contact{padding:80px 0 30px;background:#efe3c8}
.addr{font-family:"Patrick Hand",cursive;font-size:26px;margin:10px 0 20px;line-height:1.3}
.contact p{margin-bottom:14px}.small2{font-size:15px;opacity:.8}
.envelope{background:#fffdf7;padding:30px;display:grid;gap:14px;box-shadow:0 10px 26px rgba(0,0,0,.15);border:1px solid #e1d3b2;position:relative}
.envelope:before{content:"";position:absolute;inset:8px;border:2px dashed #e0c9a0;pointer-events:none}
.envelope label{display:flex;flex-direction:column;font-family:"Patrick Hand",cursive;font-size:20px}
.envelope input,.envelope textarea{border:0;border-bottom:2px solid var(--ink);background:transparent;font:inherit;font-family:Lora,serif;font-size:16px;padding:6px 2px}
.envelope .stamp{justify-self:start}
.ok{font-size:24px;color:var(--green)}
footer{padding-top:50px;font-size:14px;display:flex;align-items:center;gap:8px}
.leaf{width:22px;height:22px;color:var(--green)}
.demo{position:fixed;right:12px;bottom:12px;z-index:50;background:#3b2f22;color:#fff;font:12px/1 system-ui,sans-serif;padding:7px 11px;border-radius:999px;text-decoration:none}
.fade{opacity:0;translate:0 24px;transition:opacity .9s ease,translate .9s ease}
.fade.vis{opacity:1;translate:0 0}
@media (max-width:900px){
 .hero,.two,#pokoje{grid-template-columns:1fr}
 .collage{min-height:420px}.animals,.photos{grid-template-columns:1fr}.photos{max-width:420px}
 .r2{transform:rotate(2deg)}
}
@media (max-width:520px){
 .top{padding:16px}.top nav{gap:14px;font-size:19px}.logo{height:42px}
 .collage{min-height:360px}.p2{top:150px}.note{font-size:22px;top:0}.d1{width:80px;height:80px}
 .board{padding:22px;border-width:10px}.prices{font-size:19px}.envelope{padding:22px}
}
@media (prefers-reduced-motion:reduce){.fade{opacity:1;translate:none;transition:none}}