@font-face{font-family:Disp;font-weight:700;font-display:swap;src:url(/fonts/crav/Sen-H.woff2) format("woff2")}@font-face{font-family:Body;font-weight:400;font-display:swap;src:url(/fonts/crav/Genki-R.woff2) format("woff2")}:root{--cream:#F5E3CD;--ink:#1B1B1B;--red:#CF0905;--yellow:#FFD750;--red-on-yellow:#BF0805;--muted:#6F6355;--line:#E0CBB0;--disp:"Disp","PingFang TC",sans-serif;--body:"Body","PingFang TC",sans-serif;--w:min(1340px,100% - clamp(20px,3.4vw,56px));--e:cubic-bezier(.4,0,.2,1);--t:.3s;--spring:cubic-bezier(.34,1.5,.5,1)}*,*:before,*:after{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.8;-webkit-font-smoothing:antialiased}h1,h2,h3,p,ul,ol,figure,table{margin:0;padding:0}ul,ol{list-style:none}img{display:block;max-width:100%;height:auto}a{color:inherit}.w{width:var(--w);margin-inline:auto}.u-nums{font-variant-numeric:tabular-nums}html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.dsp{font-family:var(--disp);font-weight:700;letter-spacing:-.02em;line-height:.96}.d0{font-size:clamp(2.8rem,1rem + 10vw,9rem)}.d1{font-size:clamp(2rem,1.1rem + 4.4vw,4.4rem)}.d2{font-size:clamp(1.24rem,1rem + 1.2vw,1.7rem);line-height:1.15}.red{color:var(--red)}.eye{font-size:.76rem;letter-spacing:.2em;color:var(--red)}.note{font-size:.85rem;color:var(--muted);line-height:1.75}.ch{display:inline-block;white-space:pre}html.js .rv .ch{opacity:0;transform:translateY(.5em) rotate(-6deg)}html.js .rv[data-in] .ch{opacity:1;transform:none;transition:transform .55s var(--spring) calc(var(--c,0) * 32ms),opacity .26s ease-out calc(var(--c,0) * 32ms)}html.js .st{opacity:0;transform:translateY(16px)}html.js .st[data-in]{opacity:1;transform:none;transition:opacity .5s var(--e) calc(var(--i,0) * 70ms),transform .5s var(--e) calc(var(--i,0) * 70ms)}@media(prefers-reduced-motion:reduce){html.js .rv .ch,html.js .st{opacity:1!important;transform:none!important;transition:none}}.nav{position:sticky;inset-block-start:0;z-index:40;background:var(--cream)}.nav .w{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-block:14px}.nav .mark{font-family:var(--disp);font-weight:700;font-size:1.16rem;color:var(--red);letter-spacing:-.02em}.nav ul{display:flex;gap:clamp(12px,2vw,28px);font-size:.82rem}.nav a{text-decoration:none;transition:color var(--t) var(--e)}.nav a:hover,.nav a[data-on]{color:var(--red)}@media(max-width:700px){.nav ul{display:none}}header[id],section[id]{scroll-margin-block-start:66px}.hero{padding-block:clamp(24px,4vw,60px) clamp(20px,3vw,40px);position:relative}.hero h1{max-width:12ch}.hero .sub{margin-block-start:clamp(16px,2vw,26px);max-width:30em;font-size:1.02rem}.hero .row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.62fr);gap:clamp(18px,3vw,54px);align-items:end}.hero figure{position:relative;overflow:hidden;border-radius:999px 999px 24px 24px}.hero figure img{width:100%;aspect-ratio:4/5;object-fit:cover}@supports (animation-timeline: view()){@media(prefers-reduced-motion:no-preference){.hero figure img{animation:crav-push linear both;animation-timeline:view();animation-range:cover 0% cover 80%}}}@keyframes crav-push{0%{transform:scale(1.12)}to{transform:scale(1)}}@media(max-width:820px){.hero .row{grid-template-columns:minmax(0,1fr)}}.sticker{position:absolute;inset-inline-end:clamp(10px,4vw,90px);inset-block-start:clamp(90px,14vw,190px);width:clamp(120px,15vw,190px);aspect-ratio:1;rotate:-9deg;z-index:2;transition:transform .45s var(--spring),rotate .45s var(--spring)}.sticker:hover{transform:scale(1.06);rotate:-3deg}.sticker .main{position:absolute;inset:0;background:var(--yellow);border-radius:50%;clip-path:polygon(0 0,100% 0,100% 74%,74% 100%,0 100%);display:grid;place-items:center;text-align:center}.sticker .flap{position:absolute;inset:0;background:var(--red);border-radius:50%;clip-path:polygon(100% 74%,74% 100%,100% 100%);transition:clip-path .45s var(--e)}.sticker:hover .flap{clip-path:polygon(100% 60%,60% 100%,100% 100%)}.sticker b{font-family:var(--disp);font-weight:700;font-size:clamp(.9rem,.7rem + .8vw,1.2rem);line-height:1.15;display:block;padding-inline:10px}.sticker span{font-size:.68rem;color:var(--muted)}.tape{background:var(--red);color:var(--cream);overflow:hidden;padding-block:12px;margin-block-start:clamp(20px,3vw,40px)}.tape p{display:flex;gap:2.6em;white-space:nowrap;font-family:var(--disp);font-weight:700;font-size:clamp(.92rem,.8rem + .5vw,1.2rem)}html.js .tape p{animation:crav-slide 24s linear infinite}@keyframes crav-slide{0%{transform:none}to{transform:translate(-50%)}}@media(prefers-reduced-motion:reduce){html.js .tape p{animation:none}}.cursor{position:fixed;inset-block-start:0;inset-inline-start:0;z-index:60;width:66px;height:66px;border-radius:50%;background:var(--red);color:var(--cream);display:grid;place-items:center;font-family:var(--disp);font-weight:700;font-size:.7rem;pointer-events:none;opacity:0;transform:translate(-50%,-50%) scale(.4);transition:opacity .3s var(--e),transform .35s var(--spring);will-change:transform}.cursor[data-on]{opacity:1;transform:translate(-50%,-50%) scale(1)}.cursor[data-big]{transform:translate(-50%,-50%) scale(1.5)}@media(hover:none),(pointer:coarse){.cursor{display:none}}@media(prefers-reduced-motion:reduce){.cursor{display:none}}html.js .sticker{animation:crav-turn 18s linear infinite}@keyframes crav-turn{0%{rotate:-9deg}50%{rotate:-2deg}to{rotate:-9deg}}@media(prefers-reduced-motion:reduce){html.js .sticker{animation:none}}.filmstrip{overflow:hidden;padding-block:clamp(20px,3vw,40px)}.filmstrip .row{display:flex;gap:clamp(10px,1.4vw,18px);width:max-content}html.js .filmstrip .row{animation:crav-roll 38s linear infinite}.filmstrip:hover .row{animation-play-state:paused}@keyframes crav-roll{0%{transform:none}to{transform:translate(-50%)}}@media(prefers-reduced-motion:reduce){html.js .filmstrip .row{animation:none}}.filmstrip i{display:block;flex:none;width:clamp(160px,18vw,260px);aspect-ratio:1;background-position:center;background-size:cover;background-repeat:no-repeat}.grid a{transform-origin:center bottom}.grid a:hover{transform:scale(1.03) rotate(-1.2deg)}.menu{padding-block:clamp(40px,6vw,90px)}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,2.2vw,32px);margin-block-start:clamp(20px,3vw,40px)}.grid a{text-decoration:none;display:block;transition:transform var(--t) var(--e)}.grid a:hover{transform:scale(1.03)}.grid figure{overflow:hidden;background:#fff}.grid img{width:100%;aspect-ratio:1;object-fit:cover;transition:transform .5s var(--e)}.grid a:hover img{transform:scale(1.06)}.grid .cap{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-block-start:12px}.grid .n{font-family:var(--disp);font-weight:700;font-size:1.04rem}.grid .p{font-family:var(--disp);font-weight:700;color:var(--red)}@media(max-width:820px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.order{padding-block:clamp(40px,6vw,90px);background:var(--yellow)}.pick>input{position:absolute;width:1px;height:1px;clip-path:inset(50%);opacity:0}.pick{display:grid;gap:clamp(18px,2.6vw,34px)}.tabs{display:flex;flex-wrap:wrap;gap:10px}.tabs label{cursor:pointer;border:2px solid var(--ink);border-radius:999px;padding:11px 24px;font-family:var(--disp);font-weight:700;font-size:.92rem;background:var(--cream);transition:transform var(--t) var(--e),background-color var(--t) var(--e),color var(--t) var(--e)}.tabs label:hover{transform:translateY(-2px) scale(1.03)}.panes{display:grid}.pane{grid-area:1/1;opacity:0;pointer-events:none;transition:opacity var(--t) var(--e);display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(18px,3vw,54px);align-items:start}.pane figure{overflow:hidden;background:var(--cream)}.pane figure img{width:100%;aspect-ratio:1;object-fit:cover}.pane .desc{margin-block-start:14px;font-size:.94rem}table{border-collapse:collapse;width:100%;font-variant-numeric:tabular-nums}th,td{text-align:end;padding:13px 8px;font-size:.96rem;border-block-start:1px solid rgba(27,27,27,.22)}th:first-child,td:first-child{text-align:start}thead th{font-size:.78rem;font-weight:400;border-block-start:0;opacity:.72}tbody th{font-family:var(--disp);font-weight:700}tbody td:nth-child(2){font-family:var(--disp);font-weight:700;color:var(--red-on-yellow)}tfoot td{font-size:.78rem;text-align:start;opacity:.72}#m-a:checked~.panes .o-a,#m-b:checked~.panes .o-b,#m-c:checked~.panes .o-c{opacity:1;pointer-events:auto}#m-a:checked~.tabs label[for=m-a],#m-b:checked~.tabs label[for=m-b],#m-c:checked~.tabs label[for=m-c]{background:var(--ink);color:var(--yellow)}@media(max-width:860px){.pane{grid-template-columns:minmax(0,1fr)}}.shop{padding-block:clamp(40px,6vw,90px)}.shots{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(10px,1.6vw,22px);margin-block-start:clamp(20px,3vw,40px)}.shots figure{overflow:hidden}.shots img{width:100%;aspect-ratio:3/4;object-fit:cover;transition:transform .5s var(--e)}.shots figure:hover img{transform:scale(1.05)}@media(max-width:820px){.shots{grid-template-columns:repeat(2,minmax(0,1fr))}}.ask{margin-block-start:clamp(18px,2.4vw,32px);display:grid}.ask details{border-block-start:1px solid var(--line);padding-block:clamp(14px,1.8vw,22px)}.ask details:last-of-type{border-block-end:1px solid var(--line)}.ask summary{cursor:pointer;font-family:var(--disp);font-weight:700;font-size:1.06rem;list-style:none;display:flex;justify-content:space-between;gap:20px;align-items:center}.ask summary::-webkit-details-marker{display:none}.ask summary:after{content:"";flex:none;width:13px;height:13px;border-inline-end:2.5px solid var(--red);border-block-end:2.5px solid var(--red);transform:rotate(45deg) translate(-3px,-3px);transition:transform .24s var(--e)}.ask details[open] summary:after{transform:rotate(225deg) translate(-3px,-3px)}.ask p{margin-block-start:10px;font-size:.9rem;color:var(--muted);max-width:52em}footer{background:var(--ink);color:var(--cream);margin-block-start:clamp(40px,6vw,90px);padding-block:clamp(44px,6vw,88px) clamp(56px,6vw,84px)}.fgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(20px,3vw,48px)}.fgrid h3{font-family:var(--disp);font-weight:700;font-size:.9rem;margin-block-end:12px;color:var(--yellow)}.fgrid li,.fgrid li a{font-size:.82rem;color:#f5e3cdd1;text-decoration:none;padding-block:3px;display:block}.fmk{font-family:var(--disp);font-weight:700;letter-spacing:-.03em;line-height:.9;font-size:clamp(2.6rem,1rem + 9vw,8rem);margin-block-start:clamp(36px,5vw,78px);color:var(--yellow)}.fbar{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-block-start:clamp(18px,2.4vw,30px);padding-block-start:16px;border-block-start:1px solid rgba(245,227,205,.28);font-size:.78rem;color:#f5e3cdcc}@media(max-width:820px){.fgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}