.opening{--progress:0;--lift:0;--focus:0;--flap:0;--letter:0;--settle:0;--exit:0;--ink:1;--pen:0;height:auto;min-height:0}.opening .hero{align-items:start;height:auto;min-height:800px;max-height:none;position:relative;top:0}.letter-stage{isolation:isolate;perspective:1600px;min-height:1100px}.hero-photo.letter-stage:after{display:none}.jacket-stage{height:520px;position:relative;overflow:hidden}.hero-photo .jacket-stage img{object-fit:cover;object-position:center;width:100%;height:100%;position:absolute;inset:0}.jacket-empty,.pocket-extract{display:none}.envelope-rig{aspect-ratio:800/1108;perspective:1200px;width:66%;margin:35px auto 80px;position:relative}.hero-photo .envelope-rig>img{display:none}.letter-sheet{aspect-ratio:800/1108;filter:drop-shadow(0 16px 22px #0006);width:100%;position:relative}.hero-photo .paper-texture{object-fit:fill;width:100%;height:100%}.letter-ink{width:94%;height:auto;position:absolute;top:35%;left:3%;overflow:visible}.ink-reveal{stroke-dasharray:1;stroke-dashoffset:0}.writing-pen{opacity:0;filter:drop-shadow(3px 6px 3px #0003)}.letter-example{text-align:center;letter-spacing:.14em;color:#d1c9b4;font-size:12px;position:absolute;bottom:25px;left:7%;right:7%}.letter-stage .photo-caption{top:480px;bottom:auto}@media (prefers-reduced-motion:no-preference){.opening[data-motion=ready]{height:390svh;min-height:2400px}.opening[data-motion=ready] .hero{align-items:stretch;height:calc(100svh - 90px);min-height:660px;max-height:1100px;position:sticky;top:90px}.opening[data-motion=ready] .letter-stage{height:100%;min-height:0;overflow:hidden}.opening[data-motion=ready] .jacket-stage{height:100%;opacity:calc(1 - var(--focus));position:absolute;inset:0;transform:none}.opening[data-motion=ready] .jacket-empty{display:block}.opening[data-motion=ready] .jacket-original{opacity:calc(1 - min(1, var(--lift)*5))}.opening[data-motion=ready] .pocket-extract{clip-path:polygon(36.3% 45.1%,86.5% 36.3%,88.5% 49.7%,38.5% 57.3%);transform:translateY(calc(var(--lift)*-17%));opacity:calc(1 - var(--focus));display:block}.opening[data-motion=ready] .envelope-rig{aspect-ratio:1085/836;width:78%;opacity:var(--focus);transform:translateY(calc((1 - var(--focus)) *10%)) rotate(calc((1 - var(--focus)) *-9deg));clip-path:inset(-240% -100% 0);margin:0;position:absolute;top:42%;left:12%}.opening[data-motion=ready] .envelope-rig>img{object-fit:fill;width:100%;height:100%;opacity:calc(1 - var(--paper-depart,0));display:block;position:absolute;inset:0;transform:none}.opening[data-motion=ready] .envelope-back{clip-path:polygon(0 48%,100% 48%,100% 100%,0 100%);z-index:0}.opening[data-motion=ready] .letter-sheet{width:82%;opacity:var(--letter);transform:translateY(calc(var(--letter)*-87%)) rotate(calc((1 - var(--settle)) *-1deg));z-index:2;position:absolute;top:62%;left:9%}.opening[data-motion=ready] .envelope-front{clip-path:polygon(0 48%,16% 63%,84% 63%,100% 48%,100% 100%,0 100%);z-index:3}.opening[data-motion=ready] .envelope-rig>.envelope-flap{clip-path:polygon(0 48%,4% 37%,47% 1%,50% 0,53% 1%,96% 37%,100% 48%);transform-origin:50% 48%;transform:rotateX(calc((1 - var(--flap)) *-178deg)) scaleY(.56);z-index:1;filter:brightness(calc(.91 + var(--flap)*.09));-webkit-backface-visibility:visible;backface-visibility:visible}.opening[data-motion=ready] .ink-reveal{stroke-dashoffset:1px}.opening[data-motion=ready] .writing-pen{opacity:var(--pen)}.opening[data-motion=ready] .letter-example{opacity:var(--settle);bottom:100px}.opening[data-motion=ready] .photo-caption{opacity:calc(1 - var(--focus));top:auto;bottom:100px}.opening[data-motion=ready] .hero-photo{transform:translateY(calc(var(--exit)*-18px));opacity:calc(1 - var(--exit)*.25)}.opening[data-motion=ready] .hero-copy{padding-top:7vh}}@media (min-width:701px) and (max-height:760px){.opening[data-motion=ready] .hero{min-height:0}.opening[data-motion=ready] .hero-copy{padding-top:25px;padding-bottom:70px}.opening[data-motion=ready] .hero h1{font-size:clamp(64px,7.3vw,104px)}.opening[data-motion=ready] .hero .eyebrow{margin-bottom:16px}.opening[data-motion=ready] .hero .intro{margin-top:18px;font-size:16px}.opening[data-motion=ready] .hero-note{margin-top:10px;font-size:14px}.opening[data-motion=ready] .hero .button{margin-top:16px}.opening[data-motion=ready] .hero-secondary{margin-top:8px}.opening[data-motion=ready] .envelope-rig{width:65%;top:43%;left:20%}}@media (max-width:700px){.opening .hero{min-height:0}.hero-photo.letter-stage{height:auto;min-height:0;overflow:hidden}.jacket-stage{height:330px}.envelope-rig{width:72%;max-width:360px;margin:45px auto 90px}.letter-stage .photo-caption{font-size:12px;top:285px}.letter-example{letter-spacing:.09em;font-size:12px;bottom:34px}.letter-ink{top:35%}}@media (prefers-reduced-motion:reduce){.opening .hero{height:auto;position:relative;top:0}.writing-pen{display:none}.ink-reveal{stroke-dashoffset:0!important}}.pocket-foreground{display:none}@media (prefers-reduced-motion:no-preference){.opening[data-motion=ready] .envelope-rig{width:calc(48% + var(--focus)*30%);left:calc(34% - var(--focus)*22%);top:calc(49% - var(--focus)*29% + var(--letter)*22%);opacity:1;z-index:2;transform:translateY(calc((1 - var(--focus)) *-75%)) rotate(calc((1 - var(--focus)) *-10deg))}.opening[data-motion=ready] .jacket-original{display:none}.opening[data-motion=ready] .pocket-foreground{object-fit:cover;clip-path:polygon(0 66%,29% 57.5%,100% 48%,100% 100%,0 100%);width:100%;height:100%;opacity:var(--occlusion);z-index:3;pointer-events:none;display:block;position:absolute;inset:0}.opening[data-motion=ready] .envelope-rig>.envelope-flap{z-index:var(--flap-order,4)}.opening[data-motion=ready] .letter-sheet{opacity:min(1, calc(var(--letter)*6))}}@media (min-width:701px) and (max-height:760px) and (prefers-reduced-motion:no-preference){.opening[data-motion=ready] .envelope-rig{width:calc(45% + var(--focus)*20%);left:calc(35% - var(--focus)*15%);top:calc(49% - var(--focus)*29% + var(--letter)*23%)}}.writing-surface{z-index:-1;position:absolute;inset:520px 0 0;overflow:hidden}.hero-photo .writing-surface img{object-fit:cover;object-position:center;width:100%;height:100%}.writing-surface:after{content:"";pointer-events:none;background:linear-gradient(#171716 0%,#0000 12% 85%,#171716 100%);position:absolute;inset:0}.letter-sheet{filter:none;transform:rotate(-3deg);box-shadow:1px 1px #d2c5ad,2px 3px #c6bda9,3px 5px 5px #0006,10px 18px 24px #0007}.hero-photo .paper-texture{filter:sepia(.16)saturate(.72)brightness(.98)}.paper-imprint{text-align:center;letter-spacing:.25em;color:#c7baa0;text-shadow:0 1px #fff9,0 -1px 1px #84796335;opacity:.62;font:12px Georgia,serif;position:absolute;top:13%;left:0;right:0}.writing-pen{filter:drop-shadow(2px 3px 1px #0005)}.envelope-rig{z-index:2}@media (prefers-reduced-motion:no-preference){.opening[data-motion=ready] .writing-surface{opacity:var(--desk,0);z-index:1;transform:scale(calc(1.035 - var(--desk,0)*.035));inset:0}.opening[data-motion=ready] .letter-sheet{transform:translateY(calc(var(--letter)*-87%)) translateX(calc(var(--desk,0)*-3%)) rotate(calc((1 - var(--settle)) *-1deg - var(--desk,0)*4deg)) scale(calc(1 - var(--desk,0)*.16));box-shadow:1px 1px #d2c5ad,2px 3px #c6bda9,3px 5px 5px #0006,10px 18px 24px #0007}.opening[data-motion=ready] .paper-imprint{opacity:calc(var(--desk,0)*.62)}.opening[data-motion=ready] .letter-example{z-index:4;text-shadow:0 1px 3px #000;background:#171716b0;padding:5px 8px;bottom:88px}}@media (max-width:700px){.writing-surface{top:330px}.paper-imprint{font-size:11px}.letter-example{z-index:3;text-shadow:0 1px 3px #000}}.writing-tableau{aspect-ratio:2/3;z-index:2;width:100%;position:relative;overflow:hidden}.tableau-plane{position:absolute;inset:0}.hero-photo .tableau-plane>img{object-fit:fill;width:100%;height:100%}.tableau-inscription{aspect-ratio:980/240;transform-origin:50%;width:61%;position:absolute;top:42%;left:20.5%;transform:rotate(-3.7deg)}.tableau-inscription .letter-ink{width:100%;height:auto;inset:0}.tableau-imprint{letter-spacing:.2em;color:#afa48a;opacity:.35;font:11px Georgia,serif;position:absolute;top:24%;left:48%;transform:rotate(-3.7deg)}.handwriting-a{display:none}.opening[data-handwriting=a] .handwriting-a{display:block}.opening[data-handwriting=a] .handwriting-b,.letter-stage>.envelope-rig,.seal-carrier,.dove-depth{display:none}@media (prefers-reduced-motion:no-preference){.opening[data-motion=ready] .jacket-stage{opacity:calc(1 - var(--focus)*.82 - var(--desk,0)*.18)}.opening[data-motion=ready] .writing-tableau{aspect-ratio:auto;opacity:var(--desk,0);z-index:3;transform:translateY(calc(var(--finale,0)*14%)) scale(calc(1.02 - var(--desk,0)*.02 - var(--finale,0)*.05));position:absolute;inset:0}.opening[data-motion=ready] .tableau-plane{aspect-ratio:2/3;width:100%;inset:50% 0 auto;transform:translateY(-50%)}.opening[data-motion=ready] .letter-stage>.envelope-rig{filter:drop-shadow(3px 9px 7px #0005);display:block}.opening[data-motion=ready] .letter-sheet{opacity:calc(min(1, var(--letter)*6)* (1 - var(--paper-depart,0)));filter:brightness(.98)}.opening[data-motion=ready] .seal-carrier{z-index:5;opacity:var(--seal-visible,1);pointer-events:none;display:block;position:absolute;inset:0}.opening[data-motion=ready] .seal-carrier .wax-seal{width:20%;height:auto;transform:translate(calc(var(--seal-release,0)*430%), calc(var(--seal-release,0)*-130%)) translateZ(calc(var(--seal-release,0)*120px)) rotateY(calc(var(--seal-release,0)*-32deg)) rotate(calc(var(--seal-release,0)*-16deg));filter:drop-shadow(1px calc(2px + var(--seal-release,0)*5px) 2px #0006);position:absolute;top:62%;left:40%}.opening[data-motion=ready] .dove-depth{z-index:4;pointer-events:none;height:12%;display:block;position:absolute;top:2%;left:0;right:0;overflow:hidden}.opening[data-motion=ready] .distant-dove{width:clamp(42px,3.8vw,58px);height:auto;opacity:var(--dove-opacity,0);transform:translateX(calc(-60px + var(--dove-travel,0)*50vw)) translateY(calc(var(--dove-travel,0)*-10px));filter:url(#dove-alpha)blur(.25px);position:absolute;top:20%;left:0}}@media (max-width:700px){.tableau-imprint{font-size:9px}.letter-stage .letter-example{background:#1717169c;padding:4px 6px;bottom:15px}}@media (prefers-reduced-motion:reduce){.dove-depth,.seal-carrier{display:none!important}.writing-tableau{opacity:1!important}}.letter-stage{width:100%}.material-filters{pointer-events:none;position:absolute}.writing-tableau:after{content:"";z-index:2;pointer-events:none;background:linear-gradient(90deg,#171716,#17171600 16% 88%,#171716),linear-gradient(#171716,#17171600 12% 86%,#171716);position:absolute;inset:0}.wet-ink{opacity:calc(.38 * (1 - var(--pen-lift,0)))}.jacket-stage:after{content:"";pointer-events:none;background:linear-gradient(90deg,#171716,#0000 24% 90%,#171716),linear-gradient(#171716,#0000 16% 78%,#171716);position:absolute;inset:0}.pocket-foreground{-webkit-mask-image:linear-gradient(90deg,#0000,#000 24% 90%,#0000),linear-gradient(#0000,#000 16% 78%,#0000);mask-image:linear-gradient(90deg,#0000,#000 24% 90%,#0000),linear-gradient(#0000,#000 16% 78%,#0000);-webkit-mask-composite:source-in;mask-composite:intersect}@media (max-width:700px) and (prefers-reduced-motion:no-preference){.opening[data-motion=ready]{height:440svh;min-height:2400px}.opening[data-motion=ready] .hero{grid-template-rows:auto minmax(0,1fr);grid-template-columns:1fr;height:calc(100svh - 78px);min-height:0;max-height:none;display:grid;top:78px}.opening[data-motion=ready] .hero-copy{padding:12px 7% 8px}.opening[data-motion=ready] .hero h1{font-size:clamp(36px,10vw,52px);line-height:.98}.opening[data-motion=ready] .hero .eyebrow{margin-bottom:8px;font-size:9px}.opening[data-motion=ready] .hero .intro{margin-top:10px;font-size:13px;line-height:1.4}.opening[data-motion=ready] .hero-note{margin-top:6px;font-size:11px;line-height:1.4}.opening[data-motion=ready] .hero .button{min-height:36px;margin-top:10px;padding:8px 15px;font-size:12px}.opening[data-motion=ready] .hero-secondary{margin:0 0 0 16px;font-size:11px;display:inline-flex}.opening[data-motion=ready] .letter-stage{height:100%;min-height:0}.opening[data-motion=ready] .hero-bottom{display:none}.opening[data-motion=ready] .letter-example,.opening[data-motion=ready] .photo-caption{font-size:9px;top:auto;bottom:12px}.opening[data-motion=ready] .tableau-plane{width:100%}.opening[data-motion=ready] .distant-dove{width:42px;transform:translateX(calc(-50px + var(--dove-travel,0)*110vw))}}