.proof-intro{position:fixed;inset:0;margin:0;border:0;padding:0;width:100%;height:100%;height:100svh;max-width:none;max-height:none;color:#f8f0d8;background:radial-gradient(ellipse at 50% 45%,#302615 0,#100e0a 45%,#060606 80%);overflow:hidden;z-index:1000;transition:opacity .6s ease}
.proof-intro::backdrop{background:#060606}
.proof-intro[open]{display:grid;place-items:center}
.proof-intro.is-exiting{opacity:0;pointer-events:none}
.intro-skip{position:absolute;right:clamp(20px,5vw,70px);top:28px;border:1px solid #8d75444d;border-radius:30px;padding:10px 18px;color:#cfbd91;background:#ffffff04;cursor:pointer;font:12px Arial,sans-serif;letter-spacing:.04em;z-index:10}
.intro-skip:hover{background:#c6a35422;color:white}
.intro-scene{width:min(780px,94vw);text-align:center;perspective:1400px}
.intro-brand{font:11px Arial,sans-serif;letter-spacing:.28em;color:#bda56c;margin-bottom:54px;text-transform:uppercase}
.intro-folder-button{position:relative;display:block;width:min(490px,78vw);height:310px;margin:0 auto 48px;border:0;padding:0;background:transparent;cursor:pointer;perspective:1200px;color:inherit;-webkit-tap-highlight-color:transparent;transform-style:preserve-3d;transition:transform .7s ease}
.intro-folder-button:hover:not(:disabled){transform:translateY(-7px) rotate(-1deg)}
.intro-folder-button:focus-visible,.intro-skip:focus-visible,.intro-replay:focus-visible{outline:3px solid white;outline-offset:8px}
.folder-back{position:absolute;inset:36px 0 0;border:1px solid #d6b663;border-radius:5px 13px 13px 13px;background:linear-gradient(135deg,#90713a,#c7a665 43%,#71552d);box-shadow:0 35px 70px #0009;transform:rotate(-3deg)}
.folder-tab{position:absolute;left:0;top:-29px;width:44%;height:37px;border-radius:10px 20px 0 0;background:linear-gradient(120deg,#b89552,#d8b978);border-top:1px solid #ead291}
.folder-tab:after{content:'THE PROOF LAB';display:block;color:#453417;font:9px Arial,sans-serif;letter-spacing:.17em;margin:12px 0 0}
.folder-document{position:absolute;inset:48px 23px 16px;background:linear-gradient(125deg,#fffaf0,#e9e0cd);border:1px solid #e0d3b5;border-radius:3px;box-shadow:0 2px 9px #0005;transform:rotate(-1deg);transition:transform 1.15s cubic-bezier(.22,.8,.2,1),box-shadow 1s;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#16120c;overflow:hidden}
.document-topline{position:absolute;top:18px;left:20px;right:20px;text-align:left;border-bottom:1px solid #76613a55;padding-bottom:12px;font:8px Arial,sans-serif;letter-spacing:.17em;color:#796642}
.document-proof{font:700 clamp(46px,8vw,78px) Georgia,serif;letter-spacing:.12em;margin-left:.12em;color:#17130e;opacity:.25;transition:opacity .55s .45s,transform .7s .4s;transform:translateY(15px)}
.document-line{font:8px Arial,sans-serif;letter-spacing:.23em;color:#7b6437;margin-top:12px;opacity:0;transition:opacity .5s .55s}
.folder-front{position:absolute;inset:64px 0 0;background:linear-gradient(120deg,#d8ba7c,#b49150 52%,#91703a);border:1px solid #e2c78f;border-radius:6px 6px 13px 13px;transform-origin:50% 100%;transform:rotate(-3deg);transition:transform 1.05s cubic-bezier(.22,.8,.2,1),filter 1s,opacity .9s;display:flex;align-items:center;justify-content:center;flex-direction:column;backface-visibility:hidden;box-shadow:inset 0 1px #ffe6ab88}
.confidential-stamp{display:block;border:3px double #3c211c;color:#3c211c;padding:13px 20px;font:700 clamp(17px,3.5vw,29px) 'Courier New',monospace;letter-spacing:.16em;transform:rotate(-9deg);text-shadow:1px 0 #7f5d3e}
.folder-ref{position:absolute;bottom:21px;left:25px;color:#4d3a1d;font:8px 'Courier New',monospace;letter-spacing:.1em}
.folder-seal{position:absolute;right:23px;bottom:19px;border:1px solid #705025;border-radius:50%;width:35px;height:35px;display:grid;place-items:center;font:20px Georgia,serif;color:#684c25}
.intro-instruction{font:13px Arial,sans-serif;color:#c1b18a;letter-spacing:.04em;min-height:20px;transition:opacity .5s}
.intro-tagline{font:italic 16px Georgia,serif;color:#a38a55;margin-top:15px}
.proof-intro.is-opening .intro-folder-button{cursor:default;transform:translateY(28px)}
.proof-intro.is-opening .folder-front{transform:rotate(-3deg) rotateX(-110deg);filter:brightness(.65);opacity:0}
.proof-intro.is-opening .folder-document{transform:translateY(-80px) rotate(0deg);box-shadow:0 12px 40px #0006}
.proof-intro.is-opening .document-proof,.proof-intro.is-opening .document-line{opacity:1;transform:translateY(0)}
.proof-intro.is-opening .intro-instruction{opacity:0}
.intro-replay{border:0;background:transparent;color:#bda56c;text-decoration:underline;text-underline-offset:4px;font:12px Arial,sans-serif;cursor:pointer;padding:8px 0}
@media(max-width:600px){.intro-brand{margin-bottom:46px;font-size:9px}.intro-folder-button{height:250px;margin-bottom:33px}.folder-front{top:55px}.confidential-stamp{padding:12px}.document-topline{font-size:7px}.intro-tagline{font-size:14px}.intro-skip{top:20px;right:18px}.proof-intro.is-opening .folder-document{transform:translateY(-58px)}}
@media(prefers-reduced-motion:reduce){.proof-intro,.intro-folder-button,.folder-document,.folder-front,.document-proof,.document-line{transition:none}.intro-folder-button:hover:not(:disabled){transform:none}}

.intro-scene:before{content:'';position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 3px,#ffffff01 3px 4px)}
.intro-folder-button{transition:transform 1s cubic-bezier(.2,.8,.2,1),opacity .7s}
.intro-proof-reveal{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;pointer-events:none;opacity:0;transform:scale(.93);transition:opacity .65s,transform 1.2s cubic-bezier(.2,.8,.2,1)}
.intro-proof-reveal img{width:100px;height:100px;object-fit:contain;margin-bottom:25px;filter:drop-shadow(0 0 25px #b2923e44)}
.intro-proof-word{font:700 clamp(65px,16vw,170px) Georgia,serif;letter-spacing:.12em;margin-left:.12em;background:linear-gradient(110deg,#876229,#ead794 30%,#fff6d2 50%,#c2984b 70%,#8d6c35);background-clip:text;-webkit-background-clip:text;color:transparent;text-shadow:0 10px 90px #bd9a3422}
.intro-proof-reveal p{font:10px Arial,sans-serif;letter-spacing:.3em;text-transform:uppercase;color:#d3bd85;margin-top:25px}
.proof-intro.is-revealing .intro-proof-reveal{opacity:1;transform:scale(1)}
.proof-intro.is-revealing .intro-folder-button{opacity:0;transform:translateY(15px) scale(1.04)}
.proof-intro.is-revealing .intro-brand,.proof-intro.is-revealing .intro-tagline{opacity:0;transition:opacity .5s}
@media(prefers-reduced-motion:reduce){.intro-proof-reveal{transition:none}}

/* A short proof reveal ends on the official brand mark. */
.intro-proof-reveal img{position:absolute;width:clamp(160px,23vw,240px);height:clamp(160px,23vw,240px);margin:0;opacity:0;transform:scale(.9);transition:opacity .4s,transform .65s ease}
.intro-proof-word{transition:opacity .35s,transform .5s ease}
.intro-proof-reveal p{position:absolute;top:calc(50% + 145px);opacity:0;transition:opacity .4s}
.proof-intro.is-branding .intro-proof-word{opacity:0;transform:scale(1.08)}
.proof-intro.is-branding .intro-proof-reveal img{opacity:1;transform:scale(1)}
.proof-intro.is-branding .intro-proof-reveal p{opacity:1}
@media(max-width:600px){.intro-proof-reveal p{top:calc(50% + 105px)}}
@media(prefers-reduced-motion:reduce){.intro-proof-reveal img,.intro-proof-word,.intro-proof-reveal p{transition:none}}