body{margin:0;padding:0;background:#1a0e07;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@font-face{font-family:Cormorant Garamond;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/cormorant-garamond-latin.woff2) format("woff2")}@font-face{font-family:Cormorant Garamond;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/cormorant-garamond-latin.woff2) format("woff2")}.scene{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;touch-action:none;display:flex;align-items:center;justify-content:center;font-family:Cormorant Garamond,Georgia,serif;--fs-sm: 16px;--fs-md: 22px;--fs-lg: 32px;--fw-strong: 1000;--ink-rgb: 61, 58, 48;--ink: rgb(var(--ink-rgb));--amber-rgb: 255, 225, 190;--stock: 4px;--radius: 2px;--paper-hi: #f6f2e6;--paper-lo: #ede8d8;background:radial-gradient(ellipse 80% 60% at 50% 32%,#3a2214 0%,#24140b 55%,#170c06 100%)}.grain{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;mix-blend-mode:overlay;opacity:.5}.wood{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.light{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse 900px 480px at 50% 30%,rgba(255,205,150,.13),transparent 65%)}.vignette{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse 1000px 700px at 50% 50%,rgba(0,0,0,.14) 0%,rgba(0,0,0,.14) 45%,rgba(0,0,0,.55) 100%)}@media (max-width: 600px){.vignette{background:radial-gradient(ellipse 78% 55% at 50% 48%,rgba(0,0,0,.14) 0%,rgba(0,0,0,.14) 30%,rgba(0,0,0,.6) 100%)}}.card-scaler{position:relative;z-index:2;transform-origin:center center;transition:transform .12s ease-out}.card-scaler.zooming{transition:none}.card-stage{perspective:1300px}.card{position:relative;width:620px;height:356px;transform-style:preserve-3d;transition:transform .45s cubic-bezier(.22,1,.36,1);will-change:transform}.card.resetting{transition-duration:.9s}.face{position:absolute;top:0;right:0;bottom:0;left:0;box-sizing:border-box;backface-visibility:hidden;border-radius:var(--radius);box-shadow:0 35px 70px #0000008c,0 10px 24px #0006,inset 0 1px #ffffffb3;color:var(--ink);font-family:Cormorant Garamond,Georgia,serif;display:flex;flex-direction:column}.face--front{padding:36px 44px;background:linear-gradient(168deg,var(--paper-hi),var(--paper-lo));justify-content:space-between;transform:translateZ(calc(var(--stock) / 2))}.edge{position:absolute}.edge--top{top:0;left:var(--radius);width:calc(100% - 2 * var(--radius));height:var(--stock);background:#d8cfb9;transform:translateZ(calc(var(--stock) / -2)) rotateX(90deg);transform-origin:50% 0}.edge--bottom{bottom:0;left:var(--radius);width:calc(100% - 2 * var(--radius));height:var(--stock);background:#cfc5ac;transform:translateZ(calc(var(--stock) / 2)) rotateX(90deg);transform-origin:50% 100%}.edge--left{top:var(--radius);left:0;width:var(--stock);height:calc(100% - 2 * var(--radius));background:#d3cab2;transform:translateZ(calc(var(--stock) / 2)) rotateY(90deg);transform-origin:0 50%}.edge--right{top:var(--radius);right:0;width:var(--stock);height:calc(100% - 2 * var(--radius));background:#d3cab2;transform:translateZ(calc(var(--stock) / -2)) rotateY(90deg);transform-origin:100% 50%}.grain-overlay{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius);background:url(/paper-grain.png) repeat;background-size:128px 128px;opacity:1;mix-blend-mode:multiply;pointer-events:none}.paper-tex{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border-radius:var(--radius);opacity:1;mix-blend-mode:soft-light;pointer-events:none}.front-top,.front-center,.front-links{filter:url(#ink);text-shadow:0 1px .5px rgba(255,250,235,.72),0 -.5px .5px rgba(0,0,0,.18)}.front-top{position:relative;display:flex;justify-content:space-between;align-items:flex-start}.email{font-size:var(--fs-sm);font-weight:var(--fw-strong);letter-spacing:2.5px;padding-top:4px;border-bottom:1px solid transparent;transition:border-color .2s ease}.email:hover{border-bottom-color:rgba(var(--ink-rgb),.55)}.company{text-align:right}.company-name{display:inline-block;font-size:var(--fs-md);font-weight:var(--fw-strong);letter-spacing:2.5px;text-transform:uppercase;border-bottom:1px solid transparent;transition:border-color .2s ease}.company-name:hover{border-bottom-color:rgba(var(--ink-rgb),.55)}.company-sub{display:block;font-size:var(--fs-sm);font-weight:var(--fw-strong);letter-spacing:2.5px;margin-top:3px}.front-center{position:relative;text-align:center}.name{font-size:var(--fs-lg);font-weight:var(--fw-strong);letter-spacing:5px}.title{font-size:var(--fs-sm);font-weight:var(--fw-strong);letter-spacing:5px;margin-top:8px}.front-links{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;font-size:var(--fs-sm);font-weight:var(--fw-strong);letter-spacing:2.5px}.front-social{display:flex;justify-content:center;gap:8px}.face a{color:var(--ink);text-decoration:none}.front-links a{border-bottom:1px solid rgba(var(--ink-rgb),.35);transition:border-color .2s ease}.front-links a:hover{border-bottom-color:var(--ink)}.quote-btn{position:absolute;z-index:3;bottom:28px;left:50%;transform:translate(-50%);width:44px;height:44px;box-sizing:border-box;padding:0;border-radius:50%;border:1px solid rgba(var(--amber-rgb),.35);background:none;color:rgba(var(--amber-rgb),.55);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color .25s ease,color .25s ease,background .25s ease}.quote-btn:hover:not(:disabled){border-color:rgba(var(--amber-rgb),.8);color:rgba(var(--amber-rgb),.95);background:rgba(var(--amber-rgb),.08)}.play-glyph{display:block;width:24px;height:24px;transform:translate(1.75px)}.quote-btn:disabled{cursor:default;animation:quote-playing 1.5s ease-in-out infinite}@keyframes quote-playing{0%,to{border-color:rgba(var(--amber-rgb),.35);color:rgba(var(--amber-rgb),.5)}50%{border-color:rgba(var(--amber-rgb),.85);color:rgba(var(--amber-rgb),.95);background:rgba(var(--amber-rgb),.08)}}@media (orientation: landscape) and (max-height: 500px){.quote-btn{bottom:8px}}
