@font-face{font-family:'Crimson Pro';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/CrimsonPro-400-vietnamese.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:'Crimson Pro';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/CrimsonPro-400-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Playfair Display';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/PlayfairDisplay-400-vietnamese.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:'Playfair Display';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/PlayfairDisplay-400-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Playfair Display SC';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/PlayfairDisplaySC-400-vietnamese.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:'Playfair Display SC';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/PlayfairDisplaySC-400-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:#9DB6AE url("img/fan-tile.svg") center/160px 100px repeat;font-family:'Crimson Pro',serif;overflow:hidden}.stage{position:relative;width:100%;height:100%;max-width:480px;margin:0 auto}.flex-center{position:absolute;inset:0;display:grid;place-items:center;transition:transform .9s ease-in-out,filter .9s ease-in-out}.centerCard{position:relative;width:360px;height:257px;margin-top:-30px;overflow:hidden;transition:transform 1.5s cubic-bezier(.22,1,.36,1),box-shadow .875s ease-in}.envBack,.envFront,.flap,.lining{position:absolute;left:0;right:0}.envBack{top:0;height:257px;background:#C5DBD0 url("img/paper.webp") 0 0/128px 128px;background-blend-mode:multiply;border-radius:4px}.envFront{top:0;height:257px;background:#CBDFD5 url("img/paper.webp") 0 0/128px 128px;background-blend-mode:multiply;clip-path:polygon(0 0,50% 62%,100% 0,100% 100%,0 100%);border-radius:4px;z-index:3}.envFront::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.07),transparent 32%);clip-path:polygon(0 0,50% 62%,100% 0,100% 100%,0 100%)}.flap{top:0;height:257px;background:#C0D7CB url("img/paper.webp") 0 0/128px 128px;background-blend-mode:multiply;clip-path:polygon(0 0,100% 0,50% 64%);transform-origin:50% 0;z-index:4;backface-visibility:hidden;transition:transform .625s ease-in;box-shadow:0 2px 3px rgba(0,0,0,.08)}.lining{top:0;height:235px;background:url("img/liner-stripes.svg") 0 0/8px 8px repeat,#F4F0E4;clip-path:polygon(2% 0,98% 0,50% 60%);transform-origin:50% 100%;transform:rotateX(-90deg);opacity:0;z-index:1;transition:transform .625s ease-out,opacity .3s}.card{position:absolute;left:56px;top:52px;width:248px;height:353px;z-index:2;box-shadow:0 8px 24px rgba(0,0,0,.18);background:#fff;transition:transform .75s linear}.stage.ph-shadow .centerCard{box-shadow:20px 60px 60px rgba(0,0,0,.2)}.stage.ph-lift .flex-center{transform:scale(1.04);filter:drop-shadow(0 30px 30px rgba(0,0,0,.16))}.stage.ph-open .flap{transform:rotateX(-180deg)}.stage.ph-lining .lining{transform:rotateX(0);opacity:1;z-index:1}.stage.ph-lining .flap{z-index:0}.stage.ph-rise .centerCard{overflow:visible}.stage.ph-rise .card{transform:translateY(-210px)}.stage.ph-tilt .card{transform:translateY(-250px) rotate(-32deg) scale(1.28);transition:transform .75s ease-out}.stage.ph-settle .card{transform:translate(0,-125px) rotate(0) scale(1.25);transition:transform 1.5s cubic-bezier(.22,1,.36,1);z-index:6}.stage.ph-settle .centerCard{transform:translateY(39px)}.tap{position:absolute;left:0;right:0;bottom:56px;margin:0;text-align:center;font:400 14px 'Playfair Display SC',serif;letter-spacing:.3em;color:#3F5750;opacity:.85;animation:pulse 2.4s ease-in-out infinite}@keyframes pulse{0%,100%{opacity:.5}50%{opacity:1}}.stage.ph-go .tap{display:none}.zoom{position:absolute;left:28px;bottom:28px;width:48px;height:48px;border-radius:50%;border:0;background:#2E3A36;color:#fff;font-size:24px;cursor:pointer;box-shadow:0 4px 12px rgba(0,0,0,.3)}.lb{position:fixed;inset:0;z-index:90;background:rgba(0,0,0,.9);display:grid;place-items:center;padding:12px}.lb[hidden]{display:none}.lb img{max-width:100%;max-height:100%}@media(prefers-reduced-motion:reduce){.flex-center,.flap,.lining,.card,.centerCard{transition-duration:.01ms!important}}