@font-face{font-family:Signature;src:url(assets/script-0.ttf)}.env-scene{width:min(660px,92vw);aspect-ratio:1;position:relative;margin:auto;perspective:1600px;isolation:isolate}.env-paper{background-color:#ead0d8;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' opacity='.16' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}.env-back{position:absolute;inset:42% 4% 6%;border-radius:3px;box-shadow:0 18px 35px #72505b26;background-color:#dcb9c5}.env-inner{position:absolute;inset:42% 4% 6%;background:#e0bfca}.env-pocket{position:absolute;inset:42% 4% 6%;z-index:5;clip-path:polygon(0 0,50% 43%,100% 0,100% 100%,0 100%);background-color:#edd5dd;pointer-events:none}.env-pocket:after{content:'';position:absolute;inset:0;background:linear-gradient(30deg,transparent 49.7%,#d5b4bf66 50%,transparent 50.3%)}.env-signature{position:absolute;z-index:6;top:75%;left:0;right:0;font:clamp(24px,4.2vw,36px)/1.02 Signature,cursive;transform:rotate(-4deg);pointer-events:none;color:#75565f}.env-signature span{display:block}.env-flap{position:absolute;top:42%;left:4%;width:92%;height:33%;z-index:8;transform-origin:top center;transform-style:preserve-3d;transition:transform 1.1s cubic-bezier(.4,0,.2,1);filter:drop-shadow(0 5px 4px #72505b25)}.env-flap-surface{position:absolute;inset:0;clip-path:polygon(0 0,100% 0,53% 96%,50% 98%,47% 96%);background-color:#efdae1;backface-visibility:hidden}.env-flap-reverse{transform:rotateY(180deg);background-color:#e9ccd6}.env-open .env-flap{transform:rotateX(180deg);z-index:1}.env-open .env-signature{opacity:0;transition:opacity .25s}.env-folders{position:absolute;inset:0 9%;z-index:3;overflow:hidden;pointer-events:none}.env-folder{--i:0;position:absolute;left:0;top:calc(15% + var(--i)*10%);width:100%;height:44%;background:#fffafb;border:1px solid #d8c8cc;border-radius:0 12px 4px 4px;box-shadow:0 -5px 12px #49313a12;transform:translateY(100%);visibility:hidden;transition:transform 1.1s cubic-bezier(.16,1,.3,1),visibility 0s 1.1s;text-align:left;color:#3d3337;pointer-events:auto}.env-folder:before{content:'';position:absolute;left:-1px;top:-27px;width:70%;height:29px;background:inherit;border:1px solid #d8c8cc;border-bottom:0;border-radius:12px 12px 0 0}.env-label{position:absolute;top:-21px;left:18px;font-size:clamp(11px,2vw,16px);font-weight:500;white-space:nowrap}.env-arrow{position:absolute;right:18px;top:12px}.env-folder.env-ai{background:#191919;color:#f7de72;border-color:#191919}.env-folder.env-ai:before{border-color:#191919}.env-folder.env-rates{background:#f8e7ed}.env-folder.env-work{background:#fff3f7}.env-folder.env-about{background:#fffdfb}.env-open .env-folders{overflow:visible}.env-open .env-folder{visibility:visible;transform:translateY(0);transition-delay:.7s;transition-property:transform,visibility}.env-open .env-folder:nth-child(2){transition-delay:.8s}.env-open .env-folder:nth-child(3){transition-delay:.9s}.env-open .env-folder:nth-child(4){transition-delay:1s}.env-trigger{position:absolute;inset:42% 4% 6%;z-index:10;background:none;border:0;cursor:pointer;border-radius:3px}.env-open .env-trigger{display:none}.env-scene button:focus-visible{outline:2px solid #785762;outline-offset:5px}.env-controls{display:flex;justify-content:center;gap:18px;margin:0 auto 15px;align-items:center}.env-replay{border:1px solid #c8adb6;background:transparent;border-radius:25px;padding:12px 20px;color:inherit;cursor:pointer}.env-hint{font-size:11px;color:#8a7279;letter-spacing:.6px}.env-status{min-height:20px;font-size:12px;color:#775f67} @media(max-width:500px){.env-scene{width:94vw}.env-folder:before{top:-23px;height:25px;width:80%}.env-label{top:-18px;left:11px}.env-controls{margin-top:15px}}@media(prefers-reduced-motion:reduce){.env-flap,.env-folder,.env-open .env-folder{transition:none!important}}

/* Folders remain enclosed by the physical pocket, including during motion. */
.env-folders,.env-open .env-folders{overflow:visible;clip-path:polygon(0 0,100% 0,100% 94%,0 94%)}
.env-signature{display:none}.env-flap-surface:not(.env-flap-reverse){background-image:url(assets/shagane-envelope.png);background-size:100% 158%;background-position:top center;background-repeat:no-repeat;background-color:#efdae1}

@font-face{font-family:Manrope;src:url(assets/sans-0.ttf);font-weight:400 800;font-display:swap}
/* Keep paper seams inside the pocket; no diagonal printed line. */
.env-pocket:after{display:none}.env-pocket{background-color:#edd3dc;box-shadow:inset 0 1px 2px #fff8;filter:drop-shadow(0 -2px 2px #a9829220)}.env-pocket:before{content:'';position:absolute;inset:0;background:linear-gradient(145deg,#ffffff18 0%,transparent 48%),linear-gradient(215deg,#b5879812 0%,transparent 50%);pointer-events:none}.env-back{box-shadow:0 15px 28px #72505b20}.env-inner{background:linear-gradient(#dcbac6,#e6c7d2);box-shadow:inset 3px 0 5px #a2778818,inset -3px 0 5px #a2778818}.env-flap{filter:none}.env-flap-surface{clip-path:polygon(0 0,100% 0,53% 92%,50% 94%,47% 92%)}.env-flap-reverse{background-color:#ead0d8}.env-folders,.env-open .env-folders{inset:0 7%;clip-path:polygon(0 0,100% 0,100% 93%,0 93%)}.env-folder{font-family:Manrope,Arial,sans-serif;border-color:#ddcdd2;box-shadow:0 -3px 8px #49313a0b}.env-folder:before{border-color:#ddcdd2}.env-label{font-family:Manrope,Arial,sans-serif;font-weight:500;font-size:clamp(12px,2.3vw,18px);left:18px}.env-folder-description{position:absolute;left:18px;top:9px;right:35px;text-align:left;font-family:Manrope,Arial,sans-serif;font-size:clamp(5px,1vw,8px);font-weight:400;letter-spacing:1px;line-height:1.5;color:#81777b}.env-ai .env-folder-description{color:#c4b97e}.env-folder:focus-visible{outline:none}.env-folder:focus-visible .env-label{outline:2px solid #92717d;outline-offset:4px}.env-arrow{font-size:14px;top:9px;opacity:.65}@media(max-width:500px){.env-folder-description{left:11px;top:7px;font-size:5px;letter-spacing:.45px}.env-label{left:11px}.env-arrow{right:10px;top:7px;font-size:11px}}
.env-folder{top:calc(9% + var(--i)*10%)}

/* Real folded construction: side folds tuck underneath the bottom flap. */
.env-pocket{background:transparent;filter:drop-shadow(0 -1px 1px #9b718426);overflow:visible}.env-pocket:before{display:none}.env-seam-side,.env-seam-bottom{position:absolute;inset:0;display:block;pointer-events:none}.env-seam-left{clip-path:polygon(0 0,61% 72%,0 100%);background-color:#e8c7d3;background-image:linear-gradient(105deg,#ffffff30,#ba8a9c18)}.env-seam-right{clip-path:polygon(100% 0,39% 72%,100% 100%);background-color:#e5c2cf;background-image:linear-gradient(255deg,#ffffff18,#ac7e911c)}.env-seam-bottom{clip-path:polygon(0 100%,35% 43%,38% 41%,62% 41%,65% 43%,100% 100%);background-color:#efd5df;background-image:linear-gradient(180deg,#fff8 0%,#ffffff14 8%,transparent 35%,#c19aa714 100%);filter:drop-shadow(0 -2px 2px #9c71812b)}.env-seam-bottom:before{content:'';position:absolute;top:41%;left:38%;right:38%;height:1.5px;background:#fff9;box-shadow:0 1px 2px #b48a9940}.env-back{border:1px solid #d4b0bd;border-bottom-color:#bb94a3;box-shadow:0 2px 2px #805c6c15,0 18px 30px #72505b22;border-radius:3px}.env-inner{box-shadow:inset 4px 0 5px #94687820,inset -4px 0 5px #94687820,inset 0 3px 5px #a77b8e25;background:linear-gradient(180deg,#d7afbf 0%,#e4c2d0 48%,#e7c9d5 100%)}
.env-pocket{clip-path:polygon(0 0,35% 41%,65% 41%,100% 0,100% 100%,0 100%)}.env-seam-bottom{clip-path:polygon(0 100%,35% 43%,38% 41%,62% 41%,65% 43%,100% 100%)}

/* Coordinated motion: flap first, paper follows with a gentle stagger. */
.env-flap{transition:transform 1.35s cubic-bezier(.36,0,.16,1);will-change:transform}.env-folder{transition:transform 1.35s cubic-bezier(.22,1,.36,1),visibility 0s 1.35s;will-change:transform;transform:translate3d(0,100%,0)}.env-open .env-folder{transform:translate3d(0,0,0);transition:transform 1.45s cubic-bezier(.22,1,.36,1),visibility 0s;transition-delay:.95s}.env-open .env-folder:nth-child(2){transition-delay:1.03s}.env-open .env-folder:nth-child(3){transition-delay:1.11s}.env-open .env-folder:nth-child(4){transition-delay:1.19s}.env-open .env-flap{z-index:1}.env-flap-surface{backface-visibility:hidden}.env-flap-reverse{backface-visibility:hidden;transform:rotateX(180deg)}.env-folder:hover .env-label{color:#785d68}.env-ai:hover .env-label{color:#fff0a2}@media(prefers-reduced-motion:reduce){.env-flap,.env-folder,.env-open .env-folder{transition:none!important;will-change:auto}}

.folder-mode #main{display:grid;place-items:center;min-height:100svh;padding:20px;background:#f4e6e9}.folder-mode,.folder-mode .site{background:#f4e6e9}.envelope-home{width:100%;text-align:center}.env-scene button{font-family:Manrope,Arial,sans-serif}.env-replay{font:inherit}.env-scene .env-trigger{padding:0}.env-controls{font-family:Manrope,Arial,sans-serif}

/* Keep the flap attached to its hinge throughout the turn. */
.env-flap{transform-origin:50% 0;z-index:8;filter:none}.env-open .env-flap{transform:rotateX(174deg);animation:flap-layer-order 1.35s step-end both}.env-scene:after{content:'';position:absolute;left:4%;right:4%;top:42%;height:2px;background:#d9b8c5;box-shadow:0 1px 1px #fff5;z-index:2;pointer-events:none}.env-flap-reverse{background-image:linear-gradient(180deg,#dcbac6 0%,#e9ccd6 12%,#ead0d8 100%);background-color:#ead0d8}.env-open .env-folder{transition-delay:1.25s}.env-open .env-folder:nth-child(2){transition-delay:1.33s}.env-open .env-folder:nth-child(3){transition-delay:1.41s}.env-open .env-folder:nth-child(4){transition-delay:1.49s}@keyframes flap-layer-order{0%{z-index:8}100%{z-index:2}}@media(prefers-reduced-motion:reduce){.env-open .env-flap{animation:none;z-index:2}}

/* A single hinged sheet; no separately rotated reverse triangle. */
.env-flap-reverse{display:none!important}.env-flap-surface:not(.env-flap-reverse){backface-visibility:visible;transform:none}.env-flap{transform-style:flat}.env-open .env-flap{transform:rotateX(180deg);animation:none;z-index:1}.env-open .env-flap-surface:not(.env-flap-reverse){background-image:none;background-color:#ead0d8}.env-scene:after{display:none}