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}.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;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%,transparent 45%,rgba(0,0,0,.55) 100%)}@media (max-width: 600px){.vignette{background:radial-gradient(ellipse 78% 55% at 50% 48%,transparent 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}.flip-inner{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d;transition:transform .9s cubic-bezier(.35,.1,.25,1);will-change:transform}.flip-inner.flipped{transform:rotateY(180deg)}.face{position:absolute;top:0;right:0;bottom:0;left:0;box-sizing:border-box;backface-visibility:hidden;border-radius:4px;box-shadow:0 35px 70px #0000008c,0 10px 24px #0006,inset 0 1px #ffffffb3;color:#3d3a30;font-family:Cormorant Garamond,Georgia,serif;display:flex;flex-direction:column}.face--front{padding:36px 44px;background:linear-gradient(168deg,#f5f1e3,#ece7d5);justify-content:space-between;transform:translateZ(2px)}.face--back{padding:34px 44px;background:linear-gradient(192deg,#f5f1e3,#ece7d5);transform:rotateY(180deg) translateZ(2px);justify-content:space-between;align-items:center;text-align:center}.edge{position:absolute}.edge--top{top:0;left:0;width:100%;height:4px;background:#d8cfb9;transform:translateZ(-2px) rotateX(90deg);transform-origin:50% 0}.edge--bottom{bottom:0;left:0;width:100%;height:4px;background:#cfc5ac;transform:translateZ(2px) rotateX(90deg);transform-origin:50% 100%}.edge--left{top:0;left:0;width:4px;height:100%;background:#d3cab2;transform:translateZ(2px) rotateY(90deg);transform-origin:0 50%}.edge--right{top:0;right:0;width:4px;height:100%;background:#d3cab2;transform:translateZ(-2px) rotateY(90deg);transform-origin:100% 50%}.grain-overlay{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:4px;background:url(/paper-grain.png) repeat;background-size:128px 128px;opacity:.55;mix-blend-mode:multiply;pointer-events:none}.face--back,.flip-inner.flipped .face--front{pointer-events:none}.flip-inner.flipped .face--back{pointer-events:auto}.sheen{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:4px;opacity:0;transition:opacity .4s ease;pointer-events:none}.front-top,.front-center,.front-links,.back-label,.back-body,.back-footer,.flip-btn{filter:url(#ink)}.front-top{position:relative;display:flex;justify-content:space-between;align-items:flex-start}.email{font-size:15px;letter-spacing:2.5px;padding-top:4px;border-bottom:1px solid transparent;transition:border-color .2s ease}.email:hover{border-bottom-color:#3d3a308c}.company{text-align:right}.company-name{display:inline-block;font-size:20px;font-weight:600;letter-spacing:1px;text-transform:uppercase;border-bottom:1px solid transparent;transition:border-color .2s ease}.company-name:hover{border-bottom-color:#3d3a308c}.company-sub{display:block;font-size:15px;letter-spacing:2.5px;margin-top:3px}.front-center{position:relative;text-align:center}.name{font-size:30px;font-weight:600;letter-spacing:7px}.title{font-size:15px;letter-spacing:4.5px;margin-top:8px}.front-links{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;font-size:15px;letter-spacing:2.5px}.front-social{display:flex;justify-content:center;gap:8px}.back-label{font-size:15px;letter-spacing:5px}.back-body{display:flex;flex-direction:column;gap:14px}.back-org{font-size:20px;font-weight:600;letter-spacing:3px}.back-divider{display:flex;align-items:center;justify-content:center;gap:12px;color:#3d3a3080;font-size:15px;line-height:1}.back-divider:before,.back-divider:after{content:"";width:62px;height:1px}.back-divider:before{background:linear-gradient(to right,transparent,rgba(61,58,48,.4))}.back-divider:after{background:linear-gradient(to left,transparent,rgba(61,58,48,.4))}.back-footer{font-size:15px;letter-spacing:2.5px}.face a{color:#3d3a30;text-decoration:none}.front-links a,.back-footer a{border-bottom:1px solid rgba(61,58,48,.35);transition:border-color .2s ease}.front-links a:hover,.back-footer a:hover{border-bottom-color:#3d3a30}.back-org a{border-bottom:1px solid transparent;transition:color .2s ease,border-color .2s ease}.back-org a:hover{color:#1f1d16;border-bottom-color:#3d3a308c}.flip-btn{position:absolute;right:3px;bottom:3px;width:34px;height:34px;display:flex;align-items:center;justify-content:center;padding:0;border:none;background:none;font-size:26px;line-height:1;color:#3d3a3059;cursor:pointer;transition:color .2s ease}.flip-btn:hover{color:#3d3a30}.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(255,225,190,.35);background:none;color:#ffe1be8c;font-size:13px;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:#ffe1becc;color:#ffe1bef2;background:rgba(255,225,190,.08)}.play-glyph{display:block;transform:translate(1px)}.quote-btn:disabled{cursor:default;animation:quote-playing 1.5s ease-in-out infinite}@keyframes quote-playing{0%,to{border-color:#ffe1be59;color:#ffe1be80}50%{border-color:#ffe1bed9;color:#ffe1bef2;background:rgba(255,225,190,.08)}}@media (orientation: landscape) and (max-height: 500px){.quote-btn{bottom:8px}}