@font-face{font-family:'Amatic SC';font-style:normal;font-weight:700;font-display:swap;src:url(fonts/amatic-sc-700-hebrew.woff2) format('woff2');unicode-range:U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F}
@font-face{font-family:'Amatic SC';font-style:normal;font-weight:700;font-display:swap;src:url(fonts/amatic-sc-700-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Suez One';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/suez-one-400-hebrew.woff2) format('woff2');unicode-range:U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F}
@font-face{font-family:'Suez One';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/suez-one-400-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Rubik';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/rubik-400-hebrew.woff2) format('woff2');unicode-range:U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F}
@font-face{font-family:'Rubik';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/rubik-400-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Rubik';font-style:normal;font-weight:500;font-display:swap;src:url(fonts/rubik-500-hebrew.woff2) format('woff2');unicode-range:U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F}
@font-face{font-family:'Rubik';font-style:normal;font-weight:500;font-display:swap;src:url(fonts/rubik-500-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Rubik';font-style:normal;font-weight:700;font-display:swap;src:url(fonts/rubik-700-hebrew.woff2) format('woff2');unicode-range:U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F}
@font-face{font-family:'Rubik';font-style:normal;font-weight:700;font-display:swap;src:url(fonts/rubik-700-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
:root{--wall:#1F6F6B;--ink:#1A1A1A;--red:#C8231B;--yel:#F6EE3A;--pink:#FF9EC4;--glo:#C9F227;--tape:rgba(232,220,180,.82);--pad:16px}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
body{font-family:'Rubik',system-ui,sans-serif;font-size:17px;line-height:1.55;color:var(--ink);background:var(--wall);overflow-x:hidden}
main{overflow-x:clip}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
:focus-visible{outline:4px solid var(--yel);outline-offset:3px}
.notice :focus-visible,.paper :focus-visible,.board :focus-visible{outline-color:var(--red)}
.skip{position:absolute;inset-inline-start:8px;top:-60px;background:#000;color:#fff;padding:10px 14px;z-index:9;text-decoration:none}
.skip:focus{top:8px}
h1,h2,h3,summary,.wbtn,.cta,.sn{font-family:'Suez One',serif;font-weight:400}
.hand,.sp,.sl,.num,.tab{font-family:'Amatic SC','Rubik',cursive;font-weight:700}
.top,section,.foot{max-width:1180px;margin-inline:auto;padding-inline:var(--pad)}
.top{display:flex;justify-content:space-between;align-items:center;padding-block:16px;gap:10px}
.home{text-decoration:none}
.stamp{display:inline-grid;grid-template-columns:auto auto;align-items:center;column-gap:8px;color:#fff;border:3px solid #fff;outline:1.5px solid #fff;outline-offset:3px;padding:3px 12px 4px;transform:rotate(-3deg);line-height:1.05}
.stamp svg{width:30px;height:20px;grid-row:1/3}
.sn{font-size:24px}
.ss{font-size:12px;letter-spacing:.06em;font-weight:500}
.wbtn{background:var(--yel);color:var(--ink);text-decoration:none;padding:9px 14px;font-size:16px;border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);white-space:nowrap}
.wbtn:hover{background:#fff}
/* papers */
.notice,.note,.paper,.notebook,.board,.slips li,.photo{position:relative;box-shadow:0 2px 0 rgba(0,0,0,.12),0 10px 22px rgba(0,0,0,.22)}
.notice{background:#fff;padding:34px 22px 0;margin-top:10px;transform:rotate(-.6deg)}
.tape{position:absolute;width:96px;height:28px;background:var(--tape);top:-12px;box-shadow:0 1px 2px rgba(0,0,0,.15)}
.t1{inset-inline-start:14px;transform:rotate(-6deg)}
.t2{inset-inline-end:14px;transform:rotate(5deg)}
.kicker{font-weight:700;letter-spacing:.04em;font-size:15px;border-bottom:2px solid var(--ink);display:inline-block;margin-bottom:12px}
h1{font-size:clamp(38px,10.4vw,86px);line-height:1.08;margin-bottom:16px}
.mark{position:relative;color:var(--red);white-space:nowrap}
.ul{position:absolute;inset-inline:-4px;bottom:-.12em;width:calc(100% + 8px);height:.24em;color:var(--red)}
.lead{font-size:clamp(18px,4.6vw,22px);max-width:36ch;margin-bottom:20px}
.star{position:relative;width:min(56vw,230px);aspect-ratio:1;margin:6px auto 18px;transform:rotate(8deg);display:grid;place-content:center;text-align:center;color:var(--red)}
.star svg{position:absolute;inset:0;width:100%;height:100%;fill:var(--glo);stroke:var(--ink);stroke-width:2.5}
.sp{position:relative;font-size:clamp(58px,15vw,92px);line-height:.85;direction:rtl}
.sl{position:relative;font-size:clamp(28px,7vw,40px);line-height:1;color:var(--ink)}
.cta{display:block;text-align:center;background:var(--red);color:#fff;text-decoration:none;font-size:clamp(20px,5.4vw,26px);padding:14px 18px;border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink);margin-bottom:18px}
.cta:hover{background:var(--ink)}
.tear-label{font-size:15px;margin-bottom:4px}
.tabs{display:flex;margin-inline:-22px;border-top:2px dashed #888;text-decoration:none;overflow:hidden}
.tab{flex:1 0 0;min-width:0;writing-mode:vertical-rl;text-align:center;font-family:'Rubik';font-weight:500;font-size:13px;line-height:1.25;padding:12px 0 14px;border-inline-start:2px dashed #888;white-space:nowrap}
.tab:first-child{border-inline-start:0}
.tabs .tab:nth-child(3){transform:translateY(4px) rotate(2deg)}
.tabs:hover .tab{color:var(--red)}
@media (max-width:420px){.tab:nth-child(n+7){display:none}}
/* sticky notes */
.notes{display:grid;gap:18px;padding-block:30px 10px}
.note{padding:16px 18px 18px}
.note .hand{font-size:40px;line-height:1;margin-bottom:6px;color:var(--red)}
.yellow{background:var(--yel);transform:rotate(1.4deg)}
.pink{background:var(--pink);transform:rotate(-1.2deg)}
.white{background:#fff;transform:rotate(.8deg)}
.wall-sec{padding-block:34px 10px}
.wall-h{color:#fff;font-size:clamp(32px,8.5vw,60px);line-height:1.1;margin-bottom:16px}
.wall-p{color:#fff;font-size:18px;margin:-6px 0 18px}
/* notebook */
.notebook{background:#fff;background-image:repeating-linear-gradient(180deg,transparent 0 35px,#b9d3e8 35px 37px);padding:20px 46px 22px 18px;transform:rotate(-.4deg)}
.notebook::before{content:"";position:absolute;inset-block:0;inset-inline-start:30px;width:2px;background:#e48b8b}
.checks{list-style:none;display:grid}
.checks li{display:grid;grid-template-columns:30px 1fr;gap:10px;align-items:start;line-height:1.6;padding:2px 0 2px;min-height:37px}
.ck{width:28px;height:28px;color:var(--red);margin-top:2px}
/* slips */
.slips{list-style:none;display:grid;gap:22px}
.slips li{background:#fff;padding:14px 18px 26px;margin-bottom:10px}
.slips li::after{content:"";position:absolute;inset-inline:0;bottom:-10px;height:10px;background:linear-gradient(135deg,#fff 7px,transparent 0) 0 0/14px 10px repeat-x,linear-gradient(225deg,#fff 7px,transparent 0) 0 0/14px 10px repeat-x}
.slips li:nth-child(1){transform:rotate(-1deg)}.slips li:nth-child(2){transform:rotate(1.2deg)}.slips li:nth-child(3){transform:rotate(-.6deg)}
.num{font-size:66px;line-height:.9;color:var(--red);float:inline-start;margin-inline-end:14px}
.slips h3{font-size:24px;line-height:1.2;margin:8px 0 4px}
/* photos */
.photos{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:22px 14px}
.photos li{transform:rotate(var(--r))}
.photo{display:block;background:#fff;padding:7px 7px 10px;text-decoration:none}
.photo .tape{width:60px;height:20px;top:-9px;inset-inline-start:calc(50% - 30px)}
.photo img{aspect-ratio:4/3;object-fit:cover;object-position:top;width:100%}
.cap{display:block;padding-top:6px}
.cap .hand{display:block;font-size:24px;line-height:1.05}
.bn{display:block;font-size:13px;color:#444}
.photo:hover{outline:3px solid var(--yel)}
/* price board */
.board{background:var(--glo);border:3px solid var(--ink);padding:18px 18px 22px;transform:rotate(.6deg)}
.bh{font-size:clamp(54px,14vw,90px);line-height:.9;color:var(--red);margin-bottom:10px}
.prices{list-style:none}
.prices li{display:flex;align-items:baseline;gap:8px;padding:9px 0;font-size:17px}
.prices li span{font-weight:500}
.prices i{flex:1;border-bottom:3px dotted var(--ink);min-width:16px;transform:translateY(-4px)}
.prices b{font-family:'Amatic SC';font-size:34px;line-height:1;color:var(--red);white-space:nowrap}
.prices li:first-child b{font-size:46px}
.bnote{margin-top:12px;font-weight:500}
/* faq */
.paper{background:#fff;padding:6px 18px}
.faq details+details{border-top:2px dashed #999}
.faq summary{cursor:pointer;list-style:none;font-size:20px;padding:14px 0;display:flex;justify-content:space-between;gap:12px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-family:'Amatic SC';font-size:36px;line-height:.7;color:var(--red)}
.faq details[open] summary::after{content:"−"}
.faq p{padding-bottom:14px}
.last .notice{transform:rotate(.6deg)}
.last h2{font-size:clamp(34px,9vw,64px);line-height:1.1;margin-bottom:10px}
.foot{color:#fff;padding-block:40px 30px;display:grid;gap:12px;justify-items:start}
.foot p{font-size:15px}
.fn{font-weight:700}
@media (min-width:700px){.notes{grid-template-columns:repeat(3,1fr)}.slips{grid-template-columns:repeat(3,1fr)}.photos{grid-template-columns:repeat(3,1fr)}}
@media (min-width:1000px){
:root{--pad:40px}
.hero .notice{display:grid;grid-template-columns:1.55fr 1fr;column-gap:30px;padding:46px 46px 0;transform:rotate(-.5deg)}
.hero .notice>*{grid-column:1}
.hero .star{grid-column:2;grid-row:1/5;align-self:center;width:300px}
.hero .cta{max-width:440px}
.hero .tabs,.last .tabs{grid-column:1/-1;margin-inline:-46px}
.hero .tear-label{grid-column:1/-1}
.tab{font-size:14px}
.wall-sec{padding-block:56px 10px}
.wall-sec:has(.notebook){display:grid;grid-template-columns:1fr 2fr;gap:40px;align-items:start}
.notebook{padding-inline-start:60px}
.checks{grid-template-columns:1fr 1fr;column-gap:30px}
.photos{grid-template-columns:repeat(4,1fr);gap:34px 26px}
#price{max-width:860px}
#faq{display:grid;grid-template-columns:1fr 2fr;gap:40px;align-items:start}
.last .notice{padding:46px 46px 0;text-align:center}
.last .cta{max-width:420px;margin-inline:auto;margin-bottom:24px}
.last .lead{margin-inline:auto}
.last .tabs{margin-inline:-46px}
}