:root{--grape:#5b2a4e;--grape-light:#8a4d77;--wine:#7b2c3a;--paper:#f3e8d8;--paper-deep:#e7d8bf;--paper-card:#fbf4e6;--gold:#cf9b3e;--leaf:#6e8b3d;--snow:#fbf8f2;--ink:#2e2826;--ink-soft:#5a4f48;--maxw:64rem;--radius:14px;--shadow-paper:0 1px 0 #fff9 inset, 0 10px 24px -12px #2e282673;--font-hand:"Caveat", "Yomogi", cursive;--font-body:"Zen Maru Gothic", system-ui, -apple-system, "Hiragino Maru Gothic ProN", "Yu Gothic", sans-serif}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;background-color:#ece2cf}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{font-family:var(--font-body);color:var(--ink);background:0 0;margin:0;line-height:1.8}main{overflow-x:clip}img{max-width:100%;display:block}a{color:var(--wine);text-underline-offset:3px}h1,h2,h3{margin:0 0 .6em;line-height:1.3}.wrap{width:min(100% - 2.4rem, var(--maxw));margin-inline:auto}.section{padding-block:clamp(3.5rem,11vw,7rem)}.sheet{z-index:0;padding:clamp(1.9rem,5.5vw,3.2rem);position:relative}.sheet:before{content:"";z-index:-1;background-color:#f3ead6;background-image:var(--paper-grain,none), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='pf'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23pf)' opacity='0.14'/%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='420' height='420'%3E%3Cfilter id='pm'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.013' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23pm)' opacity='0.1'/%3E%3C/svg%3E"), radial-gradient(130% 130% at 25% 15%, #cf9b3e1a, transparent 60%);filter:var(--sheet-filter,url(#torn));background-size:256px 256px,200px 200px,420px 420px,100% 100%;border-radius:14px 9px 16px 10px/10px 15px 9px 14px;position:absolute;inset:-10px;box-shadow:0 24px 48px -22px #2e282680,inset 0 0 70px #78583017}.clip-paper .sheet:before{filter:none;clip-path:var(--sheet-clip,none);box-shadow:inset 0 0 70px #78583017}.clip-paper .sheet:after{content:"";z-index:-2;pointer-events:none;border-radius:14px 9px 16px 10px/10px 15px 9px 14px;position:absolute;inset:-4px;box-shadow:0 24px 48px -22px #2e282680}.sheet .lead{max-width:38rem;color:var(--ink-soft);font-size:1.05rem}.sheet .note{color:var(--ink-soft);margin-top:1.4rem;font-size:.95rem}.hand{font-family:var(--font-hand);letter-spacing:.01em;font-weight:700}.eyebrow{font-family:var(--font-hand);color:var(--wine);margin:0 0 .05em;font-size:clamp(1.6rem,5.5vw,2.8rem);display:inline-block;transform:rotate(-3deg)}.section-title{letter-spacing:-.015em;color:var(--grape);font-size:clamp(2rem,7vw,3.6rem);font-weight:700}.underline-wobble{background-image:linear-gradient(var(--gold), var(--gold));background-position:0 92%;background-repeat:no-repeat;background-size:100% .32em;display:inline;position:relative}.card{background-color:#e6c187;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='360' height='200'%3E%3Cfilter id='wd'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.016 0.1' numOctaves='5' seed='7' stitchTiles='stitch'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.5 0 0 0 0 0.35 0 0 0 0 0.19 0 0 0 0.7 -0.28'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23wd)'/%3E%3C/svg%3E"),repeating-linear-gradient(0deg,#5a3a1a0f 0,#5a3a1a00 2px 9px,#5a3a1a0d 12px);background-size:360px 200px,100% 15px;border-radius:13px 9px 16px 10px/10px 15px 9px 14px;padding:clamp(1.1rem,4vw,1.8rem);position:relative;box-shadow:inset 0 2px #ffecc88c,inset 0 -4px #784e2459,0 10px 20px -12px #2e282680}.card:before{content:"";border-radius:inherit;filter:url(#rough);pointer-events:none;border:1.5px solid #603c1c8c;position:absolute;inset:-1px}.card:after{content:"";border-radius:inherit;filter:url(#rough);pointer-events:none;border:1px solid #603c1c29;position:absolute;inset:3px 4px}.wk-paper .card:before,.wk-paper .card:after{filter:none}.tilt-l{transform:rotate(-1.2deg)}.tilt-r{transform:rotate(1deg)}.tape{position:relative}.tape:before,.tape-strip{content:"";z-index:2;clip-path:polygon(0 0,100% 0,97% 20%,100% 40%,96% 60%,100% 80%,97% 100%,0 100%,3% 80%,0 60%,4% 40%,0 20%,3% 0);pointer-events:none;background:#cf9b3e80;width:88px;height:26px;position:absolute;top:-12px;left:50%;transform:translate(-50%)rotate(-3deg)}.tape-strip{display:block}.btn{font-family:var(--font-body);color:var(--snow);cursor:pointer;--torn-bg:var(--grape);background:0 0;border:0;align-items:center;gap:.5em;padding:.85em 1.4em;font-size:1rem;font-weight:700;line-height:1.2;text-decoration:none;transition:transform .18s cubic-bezier(.2,.8,.2,1);display:inline-flex;transform:rotate(-.6deg)}.btn:nth-of-type(2n){transform:rotate(.5deg)}@media (hover:hover){.btn:hover{--torn-shadow:drop-shadow(0 7px 6px #2e282647);transform:translateY(-2px)rotate(-1.2deg)}}.btn:active{--torn-shadow:drop-shadow(0 1px 1px #2e28264d);transition-duration:60ms;transform:translateY(1px)scale(.97)rotate(0)}.btn--ghost{--torn-bg:var(--paper-card);color:var(--ink)}.btn:focus-visible{outline:3px solid var(--gold);outline-offset:4px}.torn,.btn{isolation:isolate;position:relative}.torn:after,.btn:after{content:"";z-index:-1;background-color:var(--torn-bg,var(--paper-card));background-image:var(--paper-grain,none), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.12'/%3E%3C/svg%3E");box-shadow:0 0 0 1.5px var(--torn-fiber,#fffbf2e6);filter:var(--torn-filter,url(#torn-sm)) var(--torn-shadow,drop-shadow(0 3px 3px #2e282638));pointer-events:none;border-radius:3px;transition:filter .15s;position:absolute;inset:0}.torn:nth-child(2n):after,.btn:nth-of-type(2n):after{filter:var(--torn-filter,url(#torn-sm2)) var(--torn-shadow,drop-shadow(0 3px 3px #2e282638))}@media (prefers-reduced-motion:reduce){.btn,.torn:after,.btn:after{transition:none}}.sp{display:none}@media (width<=639px){.sp{display:inline}}.jp{word-break:keep-all;overflow-wrap:anywhere}:lang(ja) body{line-break:strict}@supports (word-break:auto-phrase){:lang(ja) :is(p,li,dd,dt,h1,h2,h3,figcaption,small,td,th):not(.jp,.jp *){word-break:auto-phrase}}:is(h1,h2,h3,.section-title,.eyebrow){text-wrap:balance}:is(p,li,dd,figcaption){text-wrap:pretty}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:focus-visible{outline:3px solid var(--gold);outline-offset:2px}@property --peel{syntax:"<length>";inherits:true;initial-value:0}.nametag{--peel:0px;filter:drop-shadow(0 9px 9px #2e282652);position:relative}.nametag__sheet{background:var(--paper-card);border-bottom:12px solid var(--wine);clip-path:polygon(0 0, 100% 0, 100% calc(100% - var(--peel)), calc(100% - var(--peel)) 100%, 0 100%);border-radius:16px;overflow:hidden;box-shadow:inset 0 1px #ffffffb3}.nametag:before{content:"";z-index:1;width:var(--peel);height:var(--peel);pointer-events:none;background:linear-gradient(315deg,#0000 50%,#cfc5b2 50%,#e8e0d0 62%,#fbf7ee 100%);border-top-left-radius:4px;position:absolute;bottom:0;right:0}.nametag__band{background:var(--wine);color:var(--paper-card);text-align:center;margin:0;padding:.7rem 1rem .55rem;line-height:1.1}.nametag__hello{letter-spacing:.14em;font-size:clamp(1.7rem,6vw,2.3rem);font-weight:700;display:block}.nametag__my{letter-spacing:.25em;margin-top:.15rem;font-size:.85rem;display:block}.nametag__body{padding:clamp(1rem,3.5vw,1.5rem)}.skip{z-index:100;background:var(--grape);color:var(--snow);border-radius:8px;padding:.7rem 1.1rem;font-weight:700;position:fixed;top:1rem;left:1rem;transform:translateY(-200%)}.skip:focus{outline:3px solid var(--gold);transform:none}:root{--ease-settle:cubic-bezier(.2, .8, .2, 1);--ease-pop:cubic-bezier(.34, 1.56, .64, 1)}@media (prefers-reduced-motion:no-preference){.js .reveal{opacity:0;translate:0 -26px;rotate:var(--place-from,-1.6deg);transition:opacity .45s ease, translate .75s var(--ease-settle), rotate .75s var(--ease-settle), scale .75s var(--ease-settle);scale:1.015}.js .section:nth-of-type(2n) .reveal{--place-from:1.4deg}.js .reveal.is-in{opacity:1;translate:0;rotate:0deg;scale:1}.js .reveal .tape-strip,.js .reveal .tape:before,.js .reveal .news__slip:before{opacity:0;scale:1.5}.js .reveal.is-in .tape-strip,.js .reveal.is-in .tape:before,.js .reveal.is-in .news__slip:before{animation:stick-on .35s var(--ease-pop) .55s both}@keyframes stick-on{0%{opacity:0;scale:1.5}to{opacity:1;scale:1}}.js [data-stamp]{opacity:0}.js [data-stamp].is-stamped{animation:stamp-in .45s var(--ease-settle) both}@keyframes stamp-in{0%{opacity:0;scale:1.9}55%{opacity:1;scale:.9}75%{scale:1.04}to{opacity:1;scale:1}}.swing.is-swinging{animation:1.3s ease-out swing}@keyframes swing{0%{rotate:0deg}14%{rotate:9deg}32%{rotate:-6.5deg}50%{rotate:4deg}68%{rotate:-2deg}84%{rotate:.8deg}to{rotate:0deg}}.news__slip{transform-origin:50% 0}@media (hover:hover){.news__slip:hover{animation:.7s ease-out flutter}}@keyframes flutter{0%{rotate:0deg}25%{rotate:2.4deg}50%{rotate:-1.6deg}75%{rotate:.7deg}to{rotate:0deg}}.js .concept__ln{clip-path:inset(0 100% 0 0);display:inline-block}.js .reveal.is-in .concept__ln{animation:.9s steps(14,end) both write-in}.js .reveal.is-in .concept__ln:nth-child(2){animation-delay:.9s}.js .reveal.is-in .concept__ln:nth-child(3){animation-delay:1.8s}.js .concept__ln.is-done{clip-path:none;animation:none!important}.js [data-stamp].is-done{opacity:1;animation:none!important}@keyframes write-in{to{clip-path:inset(0)}}.punch.is-new{animation:punch .42s var(--ease-pop) both}.punch.is-new:after{animation:.6s ease-out both chip-fly}@keyframes punch{0%{scale:0}to{scale:1}}@keyframes chip-fly{0%{opacity:1;translate:0;rotate:0deg}to{opacity:0;translate:18px 34px;rotate:160deg}}}.nametag{transition:--peel .3s var(--ease-settle)}@media (hover:hover){.nametag:hover{--peel:42px}}.nametag.is-peeled{--peel:42px}.punch{z-index:1;width:14px;height:18px;clip-path:path("M0 0 H6 C6 4 14 5 14 9 C14 13 6 14 6 18 H0 Z");pointer-events:none;background:#e5e8cf;position:absolute;top:50%;left:-2px;translate:0 -50%}.ticket__btn.is-punched:before{content:"済";z-index:1;background:var(--paper-card);width:1.9rem;height:1.9rem;color:var(--wine);filter:url(#rough);border:2px solid;border-radius:50%;place-items:center;font-size:.85rem;font-weight:700;display:grid;position:absolute;top:-.7rem;right:-.5rem;rotate:12deg}.punch:after{content:"";opacity:0;background:#e5e8cf;border-radius:50%;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.nametag{transition:none}}@media (prefers-reduced-motion:no-preference){@view-transition{navigation:auto}::view-transition-group(travel-title),::view-transition-group(travel-eyebrow){animation-duration:.55s;animation-timing-function:var(--ease-settle)}::view-transition-old(root){transform-origin:0 0;animation:.42s cubic-bezier(.4,0,1,1) both page-lift}::view-transition-new(root){animation:page-lay .55s var(--ease-settle) 80ms both;transform-origin:100% 0}:active-view-transition-type(back){&::view-transition-old(root){transform-origin:100% 0;animation-name:page-lift-back}&::view-transition-new(root){transform-origin:0 0;animation-name:page-lay-back}}@keyframes page-lift{to{opacity:0;translate:-6% -2%;rotate:-3deg}}@keyframes page-lay{0%{opacity:0;translate:8% 3%;rotate:3deg}}@keyframes page-lift-back{to{opacity:0;translate:6% -2%;rotate:3deg}}@keyframes page-lay-back{0%{opacity:0;translate:-8% 3%;rotate:-3deg}}}
