:root{--folder-green:rgb(167 226 91)}
.cover-nav{height:76px;background:#fff;border-bottom:1px solid #edf0e8;padding-inline:max(44px,calc((100vw - 1360px)/2));box-shadow:none}
.cover-nav .brand{gap:10px;font-size:.91rem;letter-spacing:-.02em}
.cover-nav .brand-mark{width:34px;height:34px;border-radius:9px;background:var(--folder-green);color:#29421d;font-size:.75rem}
.cover-nav .brand small{font-size:.55rem;letter-spacing:.13em;color:#869180}
.cover-nav nav{gap:34px;font-size:.86rem;font-weight:600;color:#5d6758}
.cover-nav nav a{transition:color .2s ease}
.cover-nav nav a:hover,.cover-nav nav a[aria-current]{color:#263f1b}
.cover-nav .download{background:transparent;color:#35442e;border:1px solid #d8e1d1;padding:8px 13px;border-radius:99px;font-weight:600}
.cover-nav .download span{color:#6d8a44}
.cover-hero{width:100%;min-height:max(690px,calc(100svh - 76px));padding:0;display:flex;align-items:center;justify-content:center;background:#fff;overflow:hidden;position:relative}
.welcome-bubble{position:absolute;z-index:0;width:min(1030px,84vw);height:auto;top:calc(50% - 315px);left:50%;transform:translateX(-50%);opacity:.43;pointer-events:none;user-select:none;mask-image:url("assets/welcome-mint.webp");mask-size:100% 100%;mask-repeat:no-repeat;-webkit-mask-image:url("assets/welcome-mint.webp");-webkit-mask-size:100% 100%;-webkit-mask-repeat:no-repeat}
.folder-stage{position:relative;flex:0 0 760px;width:760px;height:550px;isolation:isolate;translate:0 -101px}
.folder-stage::after{content:"";position:absolute;z-index:-1;left:27%;right:27%;bottom:-8px;height:24px;border-radius:50%;background:radial-gradient(ellipse at center,rgba(57,85,45,.27) 0%,rgba(57,85,45,.15) 54%,transparent 78%);filter:blur(12px);transform-origin:center;animation:shadow-breathe 5.7s ease-in-out infinite;transition:opacity .52s ease}
.folder-assembly{position:absolute;inset:0;animation:folder-breathe 5.7s ease-in-out infinite}
.folder-stage:is(:hover,:focus-within) .folder-assembly,.folder-stage:is(:hover,:focus-within)::after{animation-play-state:paused}
.folder-back{position:absolute;z-index:1;left:208px;right:208px;bottom:78px;height:184px;background:#91cc50;border-radius:18px 19px 20px 20px;box-shadow:inset 0 1px 1px rgba(255,255,255,.24);transform-origin:50% 100%;transition:transform .52s cubic-bezier(.2,.75,.25,1)}
.folder-back::before{content:"";position:absolute;top:-27px;left:0;width:137px;height:49px;background:#91cc50;border-radius:17px 19px 0 0}
.folder-sticker{position:absolute;z-index:7;top:259px;left:202px;transform:rotate(-11deg);width:124px;height:28px;display:grid;place-items:center;line-height:1;padding:0;border:1px solid rgba(211,220,198,.85);border-radius:4px;background:rgba(255,255,255,.96);box-shadow:0 3px 7px rgba(57,85,39,.12);color:#45533d;font-size:.82rem;font-weight:700;letter-spacing:.13em;white-space:nowrap;pointer-events:none;transition:opacity .18s ease}
.folder-card{--open-y:-95px;--open-x:0px;--open-r:0deg;--closed-x:0px;--closed-r:0deg;--delay:0ms;--card-w:210px;--card-h:246px;position:absolute;z-index:3;left:50%;top:196px;width:var(--card-w);height:var(--card-h);padding:0;border-radius:13px;border:1px solid rgba(255,255,255,.74);display:flex;flex-direction:column;align-items:flex-start;overflow:hidden;color:#24302c;translate:-50% 0;transform:translate(var(--closed-x),14px) rotate(var(--closed-r)) scale(.59);transform-origin:50% 95%;box-shadow:0 5px 16px rgba(35,50,38,.09);transition:transform .52s cubic-bezier(.22,.82,.22,1),box-shadow .26s ease,filter .26s ease;will-change:transform}
.folder-card::before{content:"";position:absolute;z-index:3;inset:0;border-radius:inherit;box-shadow:inset 0 1px 2px #fff,inset 2px 0 5px rgba(255,255,255,.85),inset -2px -2px 5px rgba(166,186,175,.2);pointer-events:none}
.folder-card::after{content:"";position:absolute;z-index:3;inset:3px;border:1px solid rgba(255,255,255,.75);border-radius:10px;pointer-events:none}
.folder-card .card-index,.folder-card strong,.folder-card .card-arrow{position:relative;z-index:1}
.folder-card .card-index{font-size:.68rem;line-height:1.2;letter-spacing:.13em;font-weight:800;white-space:nowrap;opacity:.68}
.folder-card strong{position:absolute;z-index:2;left:13px;bottom:27px;color:#505750;font-size:.83rem;line-height:1.2;letter-spacing:0;font-weight:700;white-space:nowrap;text-shadow:none}
.folder-card>img{position:absolute;top:9px;left:9px;width:190px;height:190px;object-fit:cover;border-radius:10px;display:block}
.folder-card{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-color:rgba(230,239,233,.85)}
.folder-card .card-arrow{align-self:flex-end;font-size:1.15rem;line-height:1;opacity:.65}
.card-luckin{--closed-x:-34px;--closed-r:-3deg;--open-x:-122px;--open-y:-82px;--open-r:-7deg;--delay:45ms;background:rgba(255,255,255,.94);z-index:3}
.card-duo{--closed-x:-68px;--closed-r:-6deg;--open-x:-244px;--open-y:-56px;--open-r:-15deg;--delay:0ms;background:rgba(255,255,255,.94);z-index:2}
.card-kiwi{--closed-x:68px;--closed-r:6deg;--open-x:244px;--open-y:-56px;--open-r:15deg;--delay:180ms;background:rgba(255,255,255,.94);z-index:6}
.card-maker{--closed-x:0px;--closed-r:0deg;--open-x:0px;--open-y:-96px;--open-r:0deg;--delay:90ms;background:rgba(255,255,255,.94);z-index:4}
.card-ecy{--closed-x:34px;--closed-r:3deg;--open-x:122px;--open-y:-82px;--open-r:7deg;--delay:135ms;background:rgba(255,255,255,.94);z-index:5}
.folder-stage:is(:hover,:focus-within) .folder-card{transform:translate(var(--open-x),var(--open-y)) rotate(var(--open-r));box-shadow:0 15px 28px rgba(34,50,30,.13);transition-delay:var(--delay)}
.folder-stage:is(:hover,:focus-within) .folder-card:is(:hover,:focus-visible){z-index:8;transform:translate(var(--open-x),calc(var(--open-y) - 11px)) rotate(var(--open-r)) scale(1.04);box-shadow:0 25px 37px rgba(35,53,28,.19);filter:saturate(1.05);transition-delay:0ms}
.folder-card:focus-visible{outline:3px solid #334d21;outline-offset:5px}
.folder-front{position:absolute;z-index:10;left:196px;right:196px;bottom:54px;height:176px;padding:24px 23px;display:flex;justify-content:space-between;align-items:flex-end;border-radius:16px 16px 21px 21px;border:1px solid rgba(255,255,255,.78);background:rgba(167,226,91,.48);backdrop-filter:blur(11px) saturate(1.35);-webkit-backdrop-filter:blur(11px) saturate(1.35);box-shadow:inset 0 1px 0 rgba(255,255,255,.72),inset 0 -1px 0 rgba(81,127,42,.11);transform-origin:50% 100%;transition:transform .52s cubic-bezier(.2,.75,.25,1),box-shadow .52s ease}
.folder-front::before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(118deg,rgba(255,255,255,.26) 2%,rgba(255,255,255,.04) 44%,rgba(255,255,255,.16) 77%,transparent);pointer-events:none}
.folder-front-tap{position:absolute;inset:0;z-index:1;appearance:none;border:0;background:none;cursor:default;border-radius:inherit}
.folder-front-tap:focus-visible{outline:3px solid #314b1f;outline-offset:5px}
.folder-monogram{position:relative;z-index:2;margin-left:0;pointer-events:none;font-size:1.25rem;line-height:1;letter-spacing:.065em;font-weight:700;color:#fff;text-shadow:0 1px 3px rgba(51,87,27,.22)}
.kiwi-bird-sticker,.kiwi-fruit-sticker{position:absolute;z-index:4;pointer-events:none;filter:drop-shadow(0 2px 2px rgba(64,83,41,.14))}
.kiwi-bird-sticker{left:45px;top:3px;width:122px;height:122px;transform:rotate(-11deg)}
.kiwi-fruit-sticker{right:110px;top:55px;width:74px;height:74px;transform:rotate(13deg)}
.kiwi-bird-sticker img,.kiwi-fruit-sticker img{display:block;width:100%;height:100%;object-fit:contain}
.kiwi-pupil{position:absolute;top:32.6%;width:7px;height:9px;border:1px solid #21180e;border-radius:50%;background:radial-gradient(circle at 35% 25%,#fff 0 11%,#3a2416 15%,#1c130e 78%);box-shadow:0 2px 3px rgba(24,15,7,.42),inset -1px -1px 2px rgba(0,0,0,.45);transform:translate(calc(-50% + var(--gaze-x,0px)),calc(-50% + var(--gaze-y,0px)));transition:transform .14s ease-out}
.pupil-left{left:43.8%}.pupil-right{left:59.4%}
.folder-next{position:relative;z-index:3;width:47px;height:47px;border-radius:50%;display:grid;place-items:center;text-decoration:none;font-size:1.75rem;font-weight:300;line-height:1;color:#54784b;background:rgba(255,255,255,.72);border:1px solid rgba(255,255,255,.94);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);box-shadow:inset 0 1px 0 #fff,0 5px 12px rgba(43,79,30,.15);transition:transform .25s ease,background .25s ease,box-shadow .25s ease;animation:cue-drift 2.5s ease-in-out infinite}
.folder-next:hover,.folder-next:focus-visible{transform:translateX(3px);background:rgba(255,255,255,.9);box-shadow:inset 0 1px 0 #fff,0 8px 18px rgba(43,79,30,.2);animation-play-state:paused}
.folder-stage:is(:hover,:focus-within) .folder-back,.folder-stage:is(:hover,:focus-within) .folder-front{transform:translateY(25px) scale(.8)}
.folder-stage:is(:hover,:focus-within) .folder-sticker{opacity:0}
.folder-stage:is(:hover,:focus-within)::after{opacity:.68}
@keyframes folder-breathe{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@keyframes shadow-breathe{0%,100%{transform:scale(1);opacity:.86}50%{transform:scale(.91);opacity:.62}}
@keyframes cue-drift{0%,100%{transform:translateX(0) scale(1);opacity:.7}50%{transform:translateX(4px) scale(1.075);opacity:1}}
@media(max-width:900px){.cover-nav{padding-inline:28px}.folder-stage{transform:scale(.79)}}
@media(max-width:720px){.cover-nav{height:67px;padding-inline:18px}.cover-nav nav{display:flex;gap:15px;font-size:.76rem}.cover-nav nav a:last-child{display:none}.cover-nav .download{font-size:.72rem;padding:6px 9px}.cover-hero{min-height:calc(100svh - 67px)}.welcome-bubble{width:700px;max-width:none;top:calc(50% - 235px)}.folder-stage{transform:scale(.61)}}
@media(max-width:560px){.folder-stage{transform:scale(.48)}.cover-nav .brand small{display:none}.cover-nav nav{gap:10px}.cover-nav .download{font-size:.67rem}}
@media(max-width:360px){.folder-stage{transform:scale(.42)}.cover-nav .brand>span:last-child{display:none}}
@media(prefers-reduced-motion:reduce){.folder-assembly,.folder-stage::after,.folder-next{animation:none}.folder-card,.kiwi-pupil{transition:none}}
@media(hover:none){.folder-front-tap{cursor:pointer}.folder-stage:is(:hover,:focus-within):not(.is-open) .folder-card{transform:translate(var(--closed-x),14px) rotate(var(--closed-r)) scale(.59);transition-delay:0ms}.folder-stage:is(:hover,:focus-within):not(.is-open) .folder-back,.folder-stage:is(:hover,:focus-within):not(.is-open) .folder-front{transform:none}.folder-stage:is(:hover,:focus-within):not(.is-open) .folder-sticker{opacity:1}.folder-stage.is-open .folder-card{transform:translate(var(--open-x),var(--open-y)) rotate(var(--open-r));box-shadow:0 15px 28px rgba(34,50,30,.13);transition-delay:var(--delay)}.folder-stage.is-open .folder-back,.folder-stage.is-open .folder-front{transform:translateY(25px) scale(.8)}.folder-stage.is-open .folder-sticker{opacity:0}}

/* The rear sheet ends above the front lip; translucent folds bridge the depth. */
.folder-back::after{content:"";position:absolute;left:-7px;right:-7px;bottom:-19px;height:28px;clip-path:polygon(2% 0,98% 0,100% 100%,0 100%);border-radius:0 0 15px 15px;background:rgba(145,204,80,.22);border-bottom:1px solid rgba(119,158,71,.15);pointer-events:none}

.folder-card .card-date{position:absolute;z-index:2;left:13px;bottom:10px;color:#858b84;font-size:.66rem;line-height:1.2;font-weight:500;white-space:nowrap}