:root{--paper:#f6ebe6;--ink:#3d3130;--muted:#806d6a;--rose:#b97883;--cream:#fffaf5;--line:rgba(61,49,48,.16)}
.parcel__closed--left{clip-path:polygon(0 0,48.9% 0,47.2% 12%,49.1% 25%,46.8% 39%,48.7% 53%,46.6% 68%,48.4% 83%,46.5% 100%,0 100%)}.parcel__closed--right{clip-path:polygon(51.1% 0,100% 0,100% 100%,53.5% 100%,51.6% 83%,53.4% 68%,51.3% 53%,53.2% 39%,50.9% 25%,52.8% 12%)}
.parcel__home{position:absolute;inset:0;z-index:2;overflow:hidden;clip-path:polygon(48.8% 14%,56% 10%,66% 17%,64% 33%,70% 46%,64% 60%,68% 80%,55% 87%,47% 70%,49% 52%,47% 34%);background:var(--paper);opacity:0}.parcel__home iframe{border:0;width:100%;height:100%;display:block}.parcel__closed--left{clip-path:polygon(0 0,48.6% 0,49.2% 20%,48.2% 39%,49.1% 57%,48.4% 78%,49.3% 100%,0 100%)}.parcel__closed--right{clip-path:polygon(52.1% 0,100% 0,100% 100%,51.3% 100%,50.7% 79%,51.8% 61%,50.9% 43%,51.6% 23%)}.parcel__flap{position:absolute;inset:0;z-index:4;overflow:hidden;clip-path:polygon(48% 0,100% 0,100% 48%,69% 36%,55% 23%);transform-origin:51% 18%;pointer-events:none}.parcel__flap img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.02)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--paper);color:var(--ink);font-family:"Noto Serif SC",STSong,serif}body{overflow-x:hidden}.opening{min-height:100svh;position:relative;overflow:hidden;background:radial-gradient(circle at 78% 24%,rgba(255,255,255,.9),transparent 30%),linear-gradient(145deg,#f8efea 0%,#f1e0db 100%);transition:background .8s ease}.opening__grain{position:absolute;inset:0;pointer-events:none;opacity:.18;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='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.11'/%3E%3C/svg%3E")}.opening__header{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,5vw,78px);position:relative;z-index:5}.eyebrow{font:600 11px/1.2 ui-sans-serif,system-ui,sans-serif;letter-spacing:.28em;color:var(--muted);text-transform:uppercase}.skip{border:0;background:transparent;color:var(--muted);font:500 13px ui-sans-serif,system-ui,sans-serif;letter-spacing:.08em;padding:10px 4px;cursor:pointer}.skip span{margin-left:7px}.cover{position:relative;min-height:calc(100svh - 72px);display:grid;grid-template-columns:minmax(280px,.88fr) minmax(400px,1.4fr);align-items:center;gap:clamp(12px,4vw,60px);padding:clamp(18px,4vh,45px) clamp(22px,7vw,120px) 90px}.cover__copy{max-width:540px;position:relative;z-index:2;padding-bottom:4vh}.cover__mark{display:inline-grid;place-items:center;color:var(--rose);font-size:26px;margin-bottom:22px;transform:rotate(-12deg)}.cover__kicker{font:600 11px ui-sans-serif,system-ui,sans-serif;letter-spacing:.18em;color:var(--muted);margin:0 0 18px}.cover h1{font-size:clamp(38px,5vw,74px);font-weight:400;line-height:1.12;letter-spacing:.02em;margin:0 0 28px}.cover h1 em{font-style:normal;color:#765d5b}.cover__note{font-size:clamp(15px,1.4vw,19px);line-height:1.9;color:#776563;margin:0;letter-spacing:.07em}.parcel-stage{position:relative;width:min(850px,100%);aspect-ratio:1.33;margin-inline:auto;display:grid;place-items:center}.parcel-stage__halo{position:absolute;width:80%;height:80%;border-radius:50%;background:radial-gradient(ellipse,rgba(194,143,139,.25),transparent 70%);filter:blur(22px);transform:translate(8%,9%);pointer-events:none}.parcel{position:relative;width:min(800px,100%);aspect-ratio:1200/901;transform-origin:center;filter:drop-shadow(0 28px 24px rgba(85,57,52,.18));will-change:transform}.parcel__layer,.parcel__closed img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:clamp(13px,2vw,26px);user-select:none}.parcel__layer--open{opacity:0;transform:scale(1.03);z-index:1}.parcel__closed{position:absolute;inset:0;overflow:hidden;z-index:3;transition:none}.parcel__closed--left{clip-path:polygon(0 0,50.15% 0,49.7% 100%,0 100%)}.parcel__closed--right{clip-path:polygon(49.85% 0,100% 0,100% 100%,50.3% 100%)}.parcel__closed img{inset:0}.parcel__closed--left img{object-position:left}.parcel__closed--right img{object-position:right}.parcel__tear{position:absolute;z-index:4;left:50%;top:0;bottom:0;width:2px;transform:translateX(-50%);background:linear-gradient(180deg,transparent 0 5%,rgba(255,250,245,.84) 18%,rgba(132,92,86,.22) 48%,rgba(255,250,245,.88) 84%,transparent 95%);opacity:.78}.ribbon{position:absolute;z-index:5;inset:0;width:100%;height:100%;pointer-events:none}.parcel__button{position:absolute;z-index:7;left:50%;bottom:7%;transform:translateX(-50%);min-width:154px;min-height:48px;padding:12px 24px;border-radius:999px;border:1px solid rgba(255,255,255,.72);background:rgba(255,250,245,.8);box-shadow:0 8px 22px rgba(102,65,63,.18);backdrop-filter:blur(8px);color:var(--ink);font:600 14px ui-sans-serif,system-ui,sans-serif;letter-spacing:.08em;cursor:pointer;transition:transform .25s ease,background .25s ease}.parcel__button:hover{transform:translateX(-50%) translateY(-2px);background:#fffaf5}.entered{position:absolute;inset:0;z-index:20;background:var(--paper);opacity:0;pointer-events:none;transition:opacity .8s ease}.entered iframe{border:0;width:100%;height:100%;display:block;background:var(--paper)}.entered__veil{position:absolute;inset:0;pointer-events:none;background:var(--paper);opacity:0}.enter-button{display:none;position:fixed;right:clamp(18px,4vw,52px);bottom:clamp(18px,4vh,38px);z-index:30;border:1px solid rgba(61,49,48,.2);background:rgba(255,250,245,.9);color:var(--ink);border-radius:999px;min-height:46px;padding:11px 21px;font:600 13px ui-sans-serif,system-ui,sans-serif;letter-spacing:.08em;box-shadow:0 8px 22px rgba(79,54,49,.15);cursor:pointer}.opening[data-state=entered] .enter-button{display:block}.controls{position:fixed;left:clamp(14px,3vw,35px);bottom:clamp(14px,3vh,28px);z-index:40;color:var(--muted);font:11px ui-sans-serif,system-ui,sans-serif}.controls__toggle{border:1px solid rgba(61,49,48,.17);border-radius:999px;background:rgba(255,250,245,.64);backdrop-filter:blur(8px);color:inherit;min-height:42px;padding:10px 15px;cursor:pointer}.controls__body{display:none;align-items:center;gap:10px;margin-top:9px;padding:10px;border:1px solid rgba(61,49,48,.12);border-radius:14px;background:rgba(255,250,245,.86);box-shadow:0 8px 18px rgba(79,54,49,.1)}.controls[data-open=true] .controls__body{display:flex}.controls__body button{border:0;background:transparent;color:inherit;min-height:36px;padding:7px 8px;cursor:pointer}.progress{display:flex;align-items:center;gap:7px}.progress input{width:130px;accent-color:var(--rose)}
@media (max-width:900px){.cover{grid-template-columns:1fr;grid-template-rows:auto 1fr;padding-top:4vh;gap:0}.cover__copy{text-align:center;max-width:600px;margin-inline:auto;padding:0}.cover__mark{margin-bottom:10px}.cover h1{font-size:clamp(37px,8vw,58px);margin-bottom:17px}.cover__note{font-size:14px;line-height:1.75}.parcel-stage{width:min(720px,108vw);margin-top:-2vh}.parcel__button{bottom:5%}}@media (max-width:520px){.opening__header{height:58px;padding-inline:20px}.cover{min-height:calc(100svh - 58px);padding:2vh 14px 80px}.cover__kicker{font-size:10px;margin-bottom:10px}.cover h1{font-size:39px;line-height:1.14}.cover__note{font-size:13px;letter-spacing:.03em}.parcel-stage{width:117vw;margin-left:-8.5vw;margin-top:2vh}.parcel{filter:drop-shadow(0 18px 17px rgba(85,57,52,.17))}.parcel__button{min-width:138px;min-height:46px;font-size:13px}.controls__body{flex-wrap:wrap;max-width:calc(100vw - 28px)}.progress input{width:100px}.enter-button{bottom:17px;right:16px}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}