/* Aftermark: paper -> engraving -> cancellation. One composed brand moment. */
dialog.am-intro{width:100vw}
html.am-intro-open{scrollbar-gutter:auto}
.am-intro{--am-ink:#13261f;--am-paper:#e4edcf;--am-foil:#cae6a2;position:fixed;inset:0;z-index:30;width:100%;height:100%;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;border-radius:0;overflow:hidden;background:var(--am-ink);color:var(--am-paper);isolation:isolate;display:flex;flex-direction:column;justify-content:space-between;overscroll-behavior:contain}
.am-intro::backdrop{background:#13261f}.am-intro-open{overflow:hidden;scrollbar-gutter:stable}.am-intro *{box-sizing:border-box}.am-intro :focus-visible{outline:2px solid #deefba;outline-offset:5px}.am-atmosphere{position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 48% 44%,#53624855 0,transparent 58%),linear-gradient(135deg,#293f2f,#11261e 53%,#0d1f19)}.am-light{position:absolute;inset:-45%;background:conic-gradient(from 190deg at 50% 50%,transparent 0deg,#cfe9a515 30deg,transparent 62deg);transform:rotate(-35deg);animation:am-light-pass 4s cubic-bezier(.2,.7,.2,1) both}.am-grain{position:absolute;inset:0;opacity:.065;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 150 150' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.7' filter='url(%23n)'/%3E%3C/svg%3E");pointer-events:none}.am-horizon{position:absolute;inset:68% -15% auto;height:1px;background:linear-gradient(90deg,transparent,#b9d09525,transparent);transform:rotate(-12deg)}
.am-intro-top,.am-intro-bottom{display:flex;justify-content:space-between;align-items:center;padding:32px 48px;gap:24px;flex-shrink:0;position:relative;z-index:2}.am-intro-top{animation:am-edge-in .65s .12s both}.am-intro-brand{font-family:Manrope,Arial,sans-serif;font-size:24px;font-weight:800;letter-spacing:-1.2px}.am-intro-brand>span{font-weight:300;color:#b6c6a4;margin:0 15px}.am-intro-brand small{font:9px 'Courier New',monospace;letter-spacing:2px;vertical-align:middle;color:#a1b59d}.am-skip{display:flex;align-items:center;gap:30px;padding:10px 0 10px 14px;min-height:44px;color:#dbe8c8;font:11px Manrope,Arial,sans-serif;border-bottom:1px solid #a8bf8555;border-radius:0;background:transparent}.am-skip:hover{color:#fff;background:transparent}.am-skip>span{font-size:19px}
.am-intro-scene{position:relative;flex:1;min-height:0;display:grid;place-items:center;perspective:1200px;isolation:isolate}.am-ghost-word{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);font:italic clamp(100px,17vw,300px)/1 Georgia,serif;letter-spacing:-.065em;white-space:nowrap;color:transparent;-webkit-text-stroke:1px #b3c29922;pointer-events:none;animation:am-type-breathe 3.7s cubic-bezier(.2,.7,.2,1) both}.am-orbit-lines{position:absolute;width:min(67vw,830px);aspect-ratio:1.85;border:1px solid #c7d99b12;border-radius:50%;transform:rotate(-17deg);box-shadow:0 0 0 32px #bed19104,0 0 0 64px #bed19103;animation:am-edge-in 1s .2s both}.am-orbit-lines::before,.am-orbit-lines::after{content:'';position:absolute;width:5px;height:5px;border-radius:50%;background:#c4d29d66;top:50%;left:-3px}.am-orbit-lines::after{left:auto;right:-3px}.am-stage-shadow{position:absolute;width:280px;height:32px;top:88%;border-radius:50%;background:#020d0880;filter:blur(18px);transform:rotate(-9deg);animation:am-shadow 3.5s both}
.am-object{position:relative;width:clamp(190px,23vw,300px);max-height:100%;aspect-ratio:320/420;transform-style:preserve-3d;transform:rotateX(11deg) rotateY(-16deg) rotateZ(-8deg);animation:am-object-arrive 1.25s cubic-bezier(.16,1,.3,1) both,am-object-settle 1.25s 2.1s cubic-bezier(.16,1,.3,1) forwards;filter:drop-shadow(22px 30px 23px #03100966)}.am-paper-layer{position:absolute;inset:2%;border-radius:2px;background:linear-gradient(125deg,#f5f4d2,#778863);box-shadow:0 1px 1px #e7edc277;transform:translateZ(-3px)}.am-layer-one{transform:translate(-9px,10px) translateZ(-7px);opacity:.55;animation:am-align-one 1.1s .25s cubic-bezier(.22,1,.36,1) both}.am-layer-two{transform:translate(8px,-9px) translateZ(-4px);opacity:.6;animation:am-align-two 1.1s .35s cubic-bezier(.22,1,.36,1) both}.am-stamp-face{position:relative;transform:translateZ(1px);overflow:visible}.am-stamp-face svg{display:block;width:100%;height:auto}.am-engraving{stroke-dasharray:850;stroke-dashoffset:850;animation:am-engrave 1.7s .65s cubic-bezier(.45,0,.2,1) forwards}.am-emblem{transform-origin:160px 205px;animation:am-emblem-print 1.1s 1s cubic-bezier(.2,.8,.2,1) both}.am-foil-sweep{animation:am-foil-pass 1.35s 1.65s cubic-bezier(.2,.65,.3,1) both}.am-cancel{position:absolute;bottom:3%;right:-26%;width:56%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:9px;border:2px solid #cce5a6;border-radius:50%;outline:1px solid #cce5a6;outline-offset:5px;transform:translateZ(12px) rotate(17deg);color:#d2e9b0;background:#15291f0a;mix-blend-mode:screen;animation:am-cancel-hit .6s 2.15s cubic-bezier(.16,1,.3,1) both}.am-cancel::after{content:'';position:absolute;width:145%;height:20%;left:70%;top:42%;border-block:2px solid #cce5a680;transform:rotate(-8deg);background:linear-gradient(transparent 46%,#cce5a680 48%,#cce5a680 52%,transparent 54%)}.am-cancel span{font:10px 'Courier New',monospace;letter-spacing:2px}.am-cancel strong{font:600 23px/.95 Manrope,Arial,sans-serif;text-align:center;letter-spacing:-1px}.am-cancel small{font:7px 'Courier New',monospace;letter-spacing:1px}.am-specimen{position:absolute;left:16%;bottom:15%;display:flex;flex-direction:column;gap:8px;font:9px 'Courier New',monospace;letter-spacing:1px;color:#b1c0a1;animation:am-edge-in .8s .5s both}.am-specimen span:first-child{font-size:16px;color:#d4e2bf}.am-side-note{position:absolute;right:9%;top:17%;font:9px/1.7 'Courier New',monospace;letter-spacing:1px;color:#a6b99f;animation:am-edge-in .8s .65s both}.am-side-note i{font-style:normal;color:#d5e8b9}
.am-intro-bottom{align-items:flex-end;padding-bottom:40px;animation:am-edge-in .7s .2s both}.am-caption{display:flex;align-items:flex-end;gap:24px}.am-step{font:10px 'Courier New',monospace;letter-spacing:1px;color:#adc49e;padding-bottom:7px;white-space:nowrap}.am-caption h2{font:italic clamp(28px,3.5vw,48px)/1.1 Georgia,serif;letter-spacing:-1.5px;margin:0;color:#e9efd9;min-width:260px}.am-sequence{width:min(260px,25vw)}.am-sequence-label{display:flex;justify-content:space-between;font:9px 'Courier New',monospace;letter-spacing:1px;color:#b6c5a5;margin-bottom:12px}.am-track{height:2px;background:#c3d7a125;overflow:hidden}.am-track>span{display:block;height:100%;background:#d0e8ab;transform-origin:left;animation:am-progress 3.2s linear both}.am-sequence-note{display:block;font:9px Manrope,Arial,sans-serif;color:#a3b797;margin-top:10px}.am-intro.am-exit{animation:am-curtain-out .7s cubic-bezier(.76,0,.24,1) forwards;pointer-events:none}.am-exit .am-intro-scene{animation:am-scene-out .55s cubic-bezier(.55,0,.25,1) forwards}.am-exit .am-intro-top,.am-exit .am-intro-bottom{animation:am-details-out .3s forwards}
@keyframes am-object-arrive{0%{opacity:0;transform:translateY(70px) rotateX(45deg) rotateY(-35deg) rotateZ(-18deg) scale(.82)}100%{opacity:1;transform:translateY(0) rotateX(11deg) rotateY(-16deg) rotateZ(-8deg) scale(1)}}@keyframes am-object-settle{0%{transform:rotateX(11deg) rotateY(-16deg) rotateZ(-8deg)}18%{transform:translateY(5px) rotateX(9deg) rotateY(-12deg) rotateZ(-7deg)}100%{transform:translateY(-4px) rotateX(0) rotateY(-5deg) rotateZ(-5deg)}}@keyframes am-align-one{0%{transform:translate(-60px,45px) translateZ(-70px);opacity:0}100%{transform:translate(-2px,2px) translateZ(-3px);opacity:.7}}@keyframes am-align-two{0%{transform:translate(60px,-45px) translateZ(-40px);opacity:0}100%{transform:translate(2px,-1px) translateZ(-2px);opacity:.6}}@keyframes am-engrave{to{stroke-dashoffset:0}}@keyframes am-emblem-print{0%{opacity:0;transform:translateY(6px)}100%{opacity:1;transform:translateY(0)}}@keyframes am-foil-pass{0%{transform:translateX(-120px) rotate(-24deg);opacity:0}15%{opacity:1}100%{transform:translateX(650px) rotate(-24deg);opacity:0}}@keyframes am-cancel-hit{0%{opacity:0;transform:translateZ(160px) rotate(8deg) scale(1.4)}36%{opacity:1;transform:translateZ(12px) rotate(17deg) scale(.99)}100%{opacity:.9;transform:translateZ(12px) rotate(17deg) scale(1)}}@keyframes am-edge-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes am-type-breathe{from{opacity:0;transform:translate(-50%,-50%) scale(.94)}to{opacity:1;transform:translate(-50%,-50%) scale(1.02)}}@keyframes am-light-pass{from{transform:rotate(-55deg);opacity:0}30%{opacity:1}to{transform:rotate(10deg);opacity:.5}}@keyframes am-shadow{from{opacity:0;transform:scale(.5) rotate(-9deg)}to{opacity:.8;transform:scale(1) rotate(-5deg)}}@keyframes am-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes am-curtain-out{to{transform:translateY(-101%)}}@keyframes am-scene-out{to{opacity:.1;transform:translateY(-50px) scale(.96)}}@keyframes am-details-out{to{opacity:0;transform:translateY(-10px)}}
@media(min-width:1800px){.am-object{width:340px}.am-intro-top,.am-intro-bottom{padding-inline:64px}.am-side-note{right:18%}}@media(max-width:767px){.am-intro-top{padding:24px}.am-intro-brand{font-size:22px}.am-intro-brand small,.am-intro-brand>span{display:none}.am-intro-bottom{padding:24px;align-items:flex-start;flex-direction:column;gap:25px}.am-caption{gap:16px}.am-caption h2{font-size:32px;min-width:0}.am-step{font-size:9px}.am-sequence{width:100%}.am-sequence-note{display:none}.am-object{width:min(58vw,260px)}.am-specimen{left:24px;bottom:3%;font-size:7px}.am-specimen span:first-child{font-size:11px}.am-side-note{right:24px;top:3%;font-size:7px}.am-ghost-word{font-size:30vw}.am-cancel{right:-17%;width:51%;gap:6px}.am-cancel strong{font-size:19px}.am-cancel span{font-size:8px}.am-cancel small{font-size:6px}.am-cancel::after{width:75%}.am-orbit-lines{width:85vw}.am-stage-shadow{width:180px;top:85%}}@media(max-height:600px){.am-intro-top{padding:16px 24px}.am-intro-bottom{padding:16px 24px;flex-direction:row}.am-object{width:clamp(135px,32vh,195px)}.am-caption h2{font-size:26px;min-width:0}.am-side-note{top:5%}.am-sequence{width:200px}.am-cancel strong{font-size:16px}.am-cancel{gap:5px}.am-cancel span{font-size:7px}.am-cancel small{font-size:5px}.am-specimen{bottom:6%}}@media(prefers-reduced-motion:reduce){.am-intro,.am-intro *{animation:none!important;transition:none!important}.am-intro{display:none}.am-intro-open{overflow:visible}}
