.ex-scrapbook{--g-head:var(--font-serif);--g-hw:400;--g-ht:0;--g-hl:1;--g-r:4px;--g-btn-r:6px;--g-bw:1.5px;--g-bc:color-mix(in srgb,var(--gk) 30%,transparent);--paper:color-mix(in srgb,#fff 82%,var(--gp));--kraft:color-mix(in srgb,#c9a77a 60%,var(--gp));--tape:color-mix(in srgb,var(--gb) 45%,transparent);--g-card:var(--paper);--g-sh:2px 3px 0 color-mix(in srgb,var(--gk) 12%,transparent),0 8px 16px -10px rgb(0 0 0/.3)}.ex-scrapbook:has(.ex-dark:checked){--tape:color-mix(in srgb,var(--gb) 30%,transparent);--paper:color-mix(in srgb,#fff 9%,var(--gp));--kraft:color-mix(in srgb,#c9a77a 22%,var(--gp))}.g-scrapbook{background:radial-gradient(color-mix(in srgb,var(--gk) 7%,transparent) 1px,transparent 1.5px) 0 0 /8px 8px,var(--gp)}.g-scrapbook .g-kick{display:inline-block;padding:3px 10px;background:var(--tape);font:italic 400 17px var(--font-serif);letter-spacing:.02em;text-transform:none;color:var(--gk);rotate:-2deg}.g-scrapbook .g-btn{box-shadow:2px 3px 0 var(--gk)}.mn-logo{font:400 25px var(--font-serif)}.mn-logo i{color:var(--gat)}.g-scrapbook .g-plans>li:nth-child(odd),.g-scrapbook .g-quotes li:nth-child(odd){rotate:-1deg}.g-scrapbook .g-plans>li:nth-child(2n),.g-scrapbook .g-quotes li:nth-child(2n){rotate:1deg}.mn-hero{padding:72px 0 96px;overflow:hidden}.mn-hero-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:center}.mn-note{position:relative;padding:40px 36px;background:repeating-linear-gradient(transparent 0 31px,color-mix(in srgb,var(--gb) 30%,transparent) 31px 32px),var(--paper);box-shadow:var(--g-sh);rotate:-1deg}.mn-note:before{content:"";position:absolute;left:22px;top:0;bottom:0;width:2px;background:color-mix(in srgb,var(--ga) 40%,transparent)}.mn-note:after{content:"";position:absolute;left:40%;top:-14px;width:120px;height:28px;background:var(--tape);rotate:3deg}.mn-hero h1{margin-top:12px;font-size:clamp(54px,7vw,104px)}.mn-hero h1 em{display:block;color:var(--gat)}.mn-board{position:relative;aspect-ratio:1.05}.mn-board>span{position:absolute;display:block}.mn-photo{padding:10px 10px 36px;background:#fff;box-shadow:var(--g-sh);color:#2a2a2a}.mn-photo i{display:block;aspect-ratio:1;background:linear-gradient(180deg,#8fc6e8 0 55%,#3a7ab0 55% 64%,#e8d2a0 64%)}.mn-photo small{position:absolute;left:12px;right:12px;bottom:8px;font:italic 400 17px var(--font-serif);color:#2a2a2a}.mn-board .p1{left:2%;top:6%;width:46%;rotate:-6deg}.mn-board .p2{right:4%;top:18%;width:40%;rotate:5deg}.mn-board .p2 i{background:radial-gradient(circle at 50% 40%,#fff3d6 0 16%,#f2a6b8 17% 28%,transparent 29%),linear-gradient(180deg,#f6e1c6 0 70%,#c98a5a 70%)}.mn-ticket{left:10%;bottom:8%;width:46%;padding:14px 18px;background:var(--kraft);color:var(--gk);border-left:3px dashed color-mix(in srgb,var(--gk) 50%,transparent);rotate:4deg;box-shadow:var(--g-sh);-webkit-mask:radial-gradient(circle at 0 50%,transparent 9px,#000 10px) left /51% 100% no-repeat,radial-gradient(circle at 100% 50%,transparent 9px,#000 10px) right /51% 100% no-repeat;mask:radial-gradient(circle at 0 50%,transparent 9px,#000 10px) left /51% 100% no-repeat,radial-gradient(circle at 100% 50%,transparent 9px,#000 10px) right /51% 100% no-repeat}.mn-ticket b{display:block;font:800 22px var(--font-mono);letter-spacing:.14em}.mn-ticket small{font:500 13px var(--font-mono)}.mn-stamp{right:8%;bottom:14%;padding:8px 14px;border:3px double var(--ga);border-radius:8px;color:var(--gat);font:800 20px var(--font-mono);letter-spacing:.2em;rotate:-14deg;opacity:.85}.mn-tape{width:90px;height:26px;background:var(--tape)}.mn-board .t1{left:18%;top:2%;rotate:-16deg}.mn-board .t2{right:14%;top:14%;rotate:12deg}.mn-board .t3{left:26%;bottom:26%;rotate:-4deg;width:60px}.mn-clip{left:40%;top:0;width:16px;height:54px;border:3px solid #8a8a8a;border-radius:10px}@media (prefers-reduced-motion:no-preference){.mn-stamp{animation:mn-thump 3s ease-in-out infinite}}@keyframes mn-thump{0%,70%,to{scale:1}80%{scale:1.12}}.mn-book h2,.mn-features h2{font-size:clamp(38px,5vw,70px);margin-bottom:36px!important;margin-top:10px}.mn-spread{display:grid;grid-template-columns:1fr 1fr;background:var(--paper);box-shadow:var(--g-sh),inset -1px 0 0 var(--g-bc);border-radius:6px;overflow:hidden}.mn-page{position:relative;min-height:380px;padding:40px}.mn-page.lined{background:repeating-linear-gradient(transparent 0 33px,color-mix(in srgb,var(--gb) 28%,transparent) 33px 34px) 0 70px;box-shadow:inset -20px 0 30px -24px rgb(0 0 0/.4)}.mn-page.grid{background:linear-gradient(90deg,color-mix(in srgb,var(--gk) 6%,transparent) 1px,transparent 1px) 0 0 /22px 22px,linear-gradient(color-mix(in srgb,var(--gk) 6%,transparent) 1px,transparent 1px) 0 0 /22px 22px;box-shadow:inset 20px 0 30px -24px rgb(0 0 0/.4)}.mn-date{font:italic 400 26px var(--font-serif);color:var(--gat)}.mn-hand{margin-top:14px;font:italic 400 22px/34px var(--font-serif)}.mn-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.mn-tags li{padding:2px 12px;background:var(--tape);font-size:14px}.mn-page .p3{position:absolute;left:10%;top:12%;width:46%;rotate:-4deg}.mn-page .p3 i{background:linear-gradient(180deg,#f2ead8 0 30%,transparent 30%),linear-gradient(90deg,#f2ead8 0 34%,#2a5aa8 34% 66%,#f2ead8 66%)}.mn-map{right:8%;bottom:12%;width:40%;border-radius:4px;background:var(--kraft);rotate:6deg;box-shadow:var(--g-sh)}.mn-map,.mn-map i{position:absolute;aspect-ratio:1}.mn-map i{width:14px;border-radius:50% 50% 50% 0;background:var(--ga);rotate:-45deg}.mn-map i:first-child{left:20%;top:26%}.mn-map i:nth-child(2){left:56%;top:46%}.mn-map i:nth-child(3){left:34%;top:70%}.mn-map:before{content:"";position:absolute;left:24%;top:30%;width:40%;height:46%;border:2px dashed color-mix(in srgb,var(--gk) 60%,transparent);border-radius:40% 10%}.mn-page .t4{position:absolute;left:20%;top:8%;rotate:-12deg}.mn-features ul{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.mn-features li{position:relative;display:grid;gap:8px;padding:30px 22px 24px;background:color-mix(in srgb,#fff3a8 70%,var(--paper));box-shadow:var(--g-sh);color:#2a2618}.ex-scrapbook:has(.ex-dark:checked) .mn-features li{background:color-mix(in srgb,#fff3a8 16%,var(--gp));color:var(--gk)}.mn-features li:before{content:"";position:absolute;left:30%;top:-10px;width:40%;height:20px;background:var(--tape)}.mn-features b{font:400 28px var(--font-serif)}.mn-features .r1{rotate:-2deg}.mn-features .r2{rotate:1.5deg;background:color-mix(in srgb,#ffd0dc 70%,var(--paper))}.mn-features .r3{rotate:-1deg;background:color-mix(in srgb,#cfe8ff 70%,var(--paper))}.mn-features .r4{rotate:2deg;background:color-mix(in srgb,#d6f2d0 70%,var(--paper))}.ex-scrapbook:has(.ex-dark:checked) .mn-features .r2,.ex-scrapbook:has(.ex-dark:checked) .mn-features .r3,.ex-scrapbook:has(.ex-dark:checked) .mn-features .r4{background:var(--paper)}@media (max-width:1000px){.mn-hero-in{grid-template-columns:minmax(0,1fr)}.mn-board{max-width:480px}.mn-features ul{grid-template-columns:1fr 1fr}}@media (max-width:640px){.mn-spread{grid-template-columns:minmax(0,1fr)}.mn-page{padding:26px}.mn-note{padding:30px 22px}.mn-features ul{grid-template-columns:minmax(0,1fr)}}