@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700&display=swap";:root{color:#e9e7df;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#111310;font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;margin:0}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,a:focus-visible{outline-offset:4px;outline:2px solid #d4b88d}a{color:inherit;text-decoration:none}svg{display:block}.studio-body{background:#111310}.site-header,.studio-main,.site-footer{max-width:1600px;margin:auto}.site-header{border-bottom:1px solid #ffffff17;justify-content:space-between;align-items:center;height:86px;padding:0 6.1%;display:flex}.brand{white-space:nowrap;align-items:center;gap:13px;display:flex}.brand-mark{letter-spacing:-6px;color:#ead7b8;padding-right:6px;font-family:Georgia,serif;font-size:43px;font-weight:700;line-height:1}.brand-mark span,.brand-name span,.site-footer span span{color:#bd9265}.brand-name{letter-spacing:.18em;color:#efeee8;font-family:Manrope,sans-serif;font-size:11px;font-weight:700}.brand-name span{color:#7f817a;letter-spacing:.13em;font-size:9px}.header-right{align-items:center;gap:34px;display:flex}.header-note,.header-link{letter-spacing:.16em;font-size:10px;font-weight:700}.header-note{color:#898d83;align-items:center;gap:9px;display:flex}.status-dot{background:#b9ad85;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 4px #b9ad851c}.header-link{color:#e9e5d9;text-transform:uppercase;background:0 0;border:none;align-items:center;gap:12px;padding:9px 0;display:flex}.header-link svg{color:#c7aa7e;transition:transform .2s}.header-link:hover svg{transform:translate(5px)}.studio-main{padding:0 6.1%}.intro{padding:80px 0 78px;position:relative;overflow:hidden}.intro:after{content:"M";color:#ffffff04;pointer-events:none;font-family:Georgia,serif;font-size:490px;line-height:1;position:absolute;top:-140px;right:5%}.intro-kicker,.eyebrow,.control-label{letter-spacing:.22em;color:#baa17c;font-family:Manrope,sans-serif;font-size:10px;font-weight:700}.intro-kicker{align-items:center;gap:17px;display:flex}.intro-kicker .asterisk{color:#c3a87e;font-size:22px;line-height:0}.intro-kicker .line{background:#8a755b;width:32px;height:1px}.intro h1{letter-spacing:-.065em;color:#f1efe8;z-index:1;margin:31px 0 23px;font-family:"Bodoni 72",Didot,Times New Roman,serif;font-size:clamp(76px,8.7vw,145px);font-weight:400;line-height:.94;position:relative}.intro h1 em{color:#c5aa83;font-weight:400}.intro>p{color:#989a91;max-width:490px;margin:0;font-size:15px;line-height:1.8}.intro-index{text-align:right;color:#777d73;letter-spacing:.17em;flex-direction:column;gap:9px;font-size:10px;font-weight:700;display:flex;position:absolute;bottom:83px;right:0}.workspace{background:#1b1e19;border:1px solid #3c4037;grid-template-columns:minmax(430px,.82fr) minmax(560px,1.18fr);min-height:800px;margin-bottom:85px;display:grid}.editor-panel{color:#272b25;background:#e8e7df;flex-direction:column;min-width:0;display:flex}.tabs{border-bottom:1px solid #d4d3cb;gap:15px;padding:0 29px;display:flex}.tab{color:#92938b;background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:11px;height:71px;padding:0 11px;font-size:13px;font-weight:700;transition:color .2s,border-color .2s;display:flex}.tab span{color:#aaa79e;font-size:10px;font-weight:700}.tab.active{color:#252c25;border-bottom-color:#a77f55}.tab.active span{color:#a77f55}.tab:hover{color:#252c25}.panel-section{padding:45px 42px 48px;animation:.35s both panel-enter}@keyframes panel-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.section-heading h2{letter-spacing:-.055em;margin:15px 0 14px;font-family:"Bodoni 72",Didot,Georgia,serif;font-size:51px;font-weight:400;line-height:1}.section-heading p{color:#787d73;margin:0 0 35px;font-size:13px;line-height:1.65}.field-grid{grid-template-columns:1fr 1fr;gap:23px 20px;display:grid}.field{min-width:0;display:block}.field-top{color:#42483f;justify-content:space-between;gap:8px;margin-bottom:8px;font-size:11px;font-weight:700;display:flex}.field-top small{color:#979b92;font-size:10px;font-weight:500}.field input{color:#2d332a;background:#f4f4ef;border:1px solid #c7c9bf;border-radius:3px;outline:none;width:100%;height:43px;padding:0 12px;font-size:12px;transition:border-color .2s,box-shadow .2s}.field input:focus{border-color:#ae865e;box-shadow:0 0 0 3px #ad865a1e}.field input::placeholder{color:#a7aaa1}.field-separator{color:#a48766;letter-spacing:.2em;white-space:nowrap;align-items:center;gap:16px;margin:31px 0 24px;font-size:9px;font-weight:800;display:flex}.field-separator:after{content:"";background:#d0d0c6;flex:1;height:1px}.editor-footer{border-top:1px solid #d2d3ca;justify-content:space-between;align-items:center;gap:20px;margin-top:auto;padding:19px 42px;display:flex}.editor-footer>span{color:#9c9d92;letter-spacing:.2em;font-size:9px;font-weight:700}.editor-footer button{color:#3e473d;letter-spacing:.09em;background:0 0;border:0;align-items:center;gap:12px;font-size:11px;font-weight:800;display:flex}.editor-footer button svg{color:#a47d52;transition:transform .2s}.editor-footer button:hover svg{transform:translate(4px)}.control-label{color:#777f75;margin-bottom:16px}.theme-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.theme-option{text-align:left;color:#2e342d;background:#f2f2ec;border:1px solid #cccfc5;border-radius:4px;min-width:0;padding:9px 9px 17px;transition:border-color .2s,transform .2s,box-shadow .2s}.theme-option:hover{transform:translateY(-3px)}.theme-option.selected{border-color:#ad855c;box-shadow:0 0 0 2px #ad855c22}.theme-swatch{border-radius:2px;justify-content:space-between;align-items:flex-start;height:100px;padding:13px;display:flex;position:relative;overflow:hidden}.theme-swatch span{letter-spacing:-.08em;font-family:Georgia,serif;font-size:30px;line-height:1}.theme-swatch i{opacity:.5;background:currentColor;width:35%;height:2px;position:absolute;bottom:12px;left:13px}.theme-swatch-noir{color:#c0a37b;background:linear-gradient(125deg,#171b18,#343a32)}.theme-swatch-ivory{color:#51493e;background:linear-gradient(125deg,#f4f0e8,#e7dfd2)}.theme-swatch-cobalt{color:#d9c8a5;background:linear-gradient(125deg,#182541,#2c4065)}.theme-option strong,.theme-option small{display:block}.theme-option strong{margin:12px 4px 3px;font-size:12px}.theme-option small{color:#8c9086;margin:0 4px;font-size:10px;line-height:1.4}.accent-label{margin-top:40px}.accent-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.accent-option{color:#5b6259;background:#f2f2ec;border:1px solid #d2d4cb;border-radius:3px;align-items:center;gap:12px;height:50px;padding:0 12px;font-size:11px;font-weight:700;display:flex}.accent-option.selected{color:#33392f;border-color:#ad855c}.accent-option svg{color:#a57b50;margin-left:auto}.accent-dot{background:var(--dot);border-radius:50%;width:20px;height:20px;box-shadow:inset 0 0 0 3px #fff3}.design-note{color:#81867c;border-top:1px solid #d1d2c9;align-items:flex-start;gap:15px;margin-top:40px;padding-top:27px;font-size:12px;line-height:1.6;display:flex}.design-note svg{color:#a78661;flex:none}.mode-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.mode-option{text-align:left;color:#293027;background:#f2f2ec;border:1px solid #cdd0c5;border-radius:3px;flex-direction:column;align-items:flex-start;min-height:176px;padding:18px;transition:border-color .2s,transform .2s;display:flex;position:relative}.mode-option:hover{transform:translateY(-2px)}.mode-option.selected{border-color:#a9845c;box-shadow:0 0 0 2px #a9845c20}.mode-icon{color:#aa8058;margin-bottom:19px}.mode-option strong{margin-bottom:8px;font-size:13px}.mode-option small{color:#868b81;max-width:180px;font-size:11px;line-height:1.5}.mode-check{color:#0000;border:1px solid #c8ccc1;border-radius:50%;place-items:center;width:19px;height:19px;display:grid;position:absolute;top:18px;right:17px}.mode-option.selected .mode-check{color:#fff;background:#a9845c;border-color:#a9845c}.local-note{color:#6c6f64;background:#deddd2;border-left:2px solid #a9845c;margin-top:18px;padding:12px 14px;font-size:11px;line-height:1.55}.share-actions{gap:10px;margin-top:35px;display:flex}.primary-button,.secondary-button{letter-spacing:.04em;white-space:nowrap;border-radius:3px;justify-content:center;align-items:center;gap:10px;height:48px;font-size:11px;font-weight:800;display:flex}.primary-button{color:#f0eee5;background:#222920;border:1px solid #222920;flex:1}.primary-button:hover{background:#3a4639}.secondary-button{color:#3b423a;background:0 0;border:1px solid #aeb3a8;padding:0 17px}.secondary-button:hover{border-color:#596756}.share-secondary{flex-wrap:wrap;gap:22px;margin-top:22px;display:flex}.share-secondary button{color:#5a6258;background:0 0;border:0;align-items:center;gap:8px;padding:0;font-size:11px;font-weight:700;display:flex}.share-secondary button:hover{color:#a77e54}.share-footnote{color:#9a9e94;border-top:1px solid #d1d2c9;margin-top:32px;padding-top:18px;font-size:11px;line-height:1.65}.preview-panel{background:radial-gradient(circle at 75% 55%,#354033 0,#252e27 30%,#172018 78%);min-width:0;padding:44px 5.7% 28px;position:relative;overflow:hidden}.preview-panel:after{content:"";pointer-events:none;opacity:.3;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.6' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.14'/%3E%3C/svg%3E");position:absolute;inset:0}.preview-header,.preview-stage,.preview-caption{z-index:1;position:relative}.preview-header{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.preview-header h2{letter-spacing:-.04em;color:#eeece4;margin:13px 0 0;font-family:"Bodoni 72",Didot,Georgia,serif;font-size:41px;font-weight:400;line-height:1.02}.preview-header h2 em{color:#c4aa83;font-weight:400}.preview-live{letter-spacing:.14em;color:#a1aa99;white-space:nowrap;align-items:center;gap:8px;padding-top:3px;font-size:9px;font-weight:800;display:flex}.preview-live span{background:#a4c398;border-radius:50%;width:5px;height:5px;box-shadow:0 0 0 4px #a4c3981a}.preview-stage{height:570px;margin:0 -16px;position:relative}.preview-glow{filter:blur(100px);opacity:.11;background:#d2b88a;border-radius:50%;width:480px;height:480px;position:absolute;top:50%;left:44%;transform:translate(-50%,-50%)}.preview-card-wrap{filter:drop-shadow(0 30px 28px #0008);width:69%;max-width:450px;transition:transform .5s;position:absolute;top:63px;left:3%;transform:rotate(-8deg)}.preview-card-wrap:hover{transform:rotate(-4deg)translateY(-7px)}.identity-card{aspect-ratio:1.59;border-radius:10px;flex-direction:column;justify-content:space-between;width:100%;padding:23px 26px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff16}.identity-card.theme-noir{color:#e9e6dc;background:linear-gradient(145deg,#141916 5%,#2b342c 55%,#111713 100%)}.identity-card.theme-ivory{color:#332f29;background:linear-gradient(145deg,#faf6ed 5%,#e7dece 65%,#f5efe4 100%)}.identity-card.theme-cobalt{color:#f6f0e3;background:linear-gradient(140deg,#121e37 5%,#30466c 65%,#17243e 100%)}.card-grain{pointer-events:none;opacity:.45;background:radial-gradient(circle at 90% 10%,#ffffff16,#0000 33%),repeating-linear-gradient(22deg,#0000 0 2px,#ffffff04 3px 4px);position:absolute;inset:0}.card-topline,.card-bottomline,.card-body{z-index:1;position:relative}.card-topline,.card-bottomline{justify-content:space-between;align-items:center;display:flex}.card-symbol{letter-spacing:-.09em;color:var(--accent);font-family:Georgia,serif;font-size:26px;line-height:1}.card-symbol span{font-size:.8em}.card-edition,.card-bottomline{letter-spacing:.22em;opacity:.66;font-size:7px;font-weight:800}.card-edition span{color:var(--accent);margin:0 6px}.card-body{margin-top:auto;margin-bottom:auto}.monogram{color:var(--accent);letter-spacing:-.1em;opacity:.9;margin-bottom:12px;font-family:"Bodoni 72",Didot,Georgia,serif;font-size:clamp(56px,7vw,100px);line-height:1}.card-name{letter-spacing:-.04em;font-family:"Bodoni 72",Didot,Georgia,serif;font-size:clamp(22px,2.5vw,34px);line-height:1.1}.card-role{letter-spacing:.14em;text-transform:uppercase;opacity:.65;align-items:center;gap:8px;margin-top:8px;font-family:Manrope,sans-serif;font-size:7px;font-weight:700;display:flex}.role-divider{background:var(--accent);width:12px;height:1px}.card-bottomline{border-top:1px solid;padding-top:13px}.card-bottomline span:first-child{text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.card-north{color:var(--accent);opacity:1;font-size:14px}.preview-qr-card{color:#243026;background:#f0eee5;border-radius:8px;width:47%;max-width:304px;padding:17px 18px;transition:transform .5s;position:absolute;top:212px;right:0;transform:rotate(8deg);box-shadow:0 23px 38px #0008}.preview-qr-card:hover{transform:rotate(3deg)translateY(-8px)}.qr-card-top,.qr-card-bottom{letter-spacing:.2em;justify-content:space-between;align-items:center;font-family:Manrope,sans-serif;font-size:7px;font-weight:800;display:flex}.qr-card-top{color:#6f786c}.qr-card-top span:last-child{color:#a89576}.qr-card-bottom{color:#536253;border-top:1px solid #d3d4c9;margin-top:15px;padding-top:12px}.qr-diamond{color:#b4976b;font-size:10px}.qr-box{aspect-ratio:1;background:#fff;border:1px solid #e3e5dc;place-items:center;width:100%;margin:14px auto 0;padding:7px;display:grid}.qr-box svg{width:100%;height:100%}.qr-loading,.qr-error{text-align:center;color:#6b7568;padding:10px;font-size:11px;line-height:1.4}.preview-floating-note{color:#d0b98f;font-family:"Bodoni 72",Didot,Georgia,serif;font-size:17px;font-style:italic;position:absolute;bottom:36px;left:5%;transform:rotate(-8deg)}.preview-floating-note span{margin-right:5px;font-size:13px;font-style:normal}.preview-caption{color:#a7b0a0;border-top:1px solid #ffffff26;align-items:center;gap:15px;padding-top:21px;display:flex}.caption-line{background:#c5a87f;flex:none;width:27px;height:1px}.preview-caption p{flex:1;margin:0;font-size:11px;line-height:1.5}.preview-caption button{color:#e7e1d3;white-space:nowrap;background:0 0;border:0;align-items:center;gap:9px;font-size:10px;font-weight:700;display:flex}.preview-caption button:hover{color:#c6a77d}.site-footer{color:#6e746b;letter-spacing:.17em;justify-content:space-between;gap:20px;padding:0 6.1% 42px;font-family:Manrope,sans-serif;font-size:9px;font-weight:800;display:flex}.site-footer span:first-child{color:#b8b9ad}.toast{color:#263026;z-index:20;opacity:0;pointer-events:none;white-space:nowrap;background:#eeeae0;border-radius:3px;padding:12px 20px;font-size:12px;font-weight:700;transition:opacity .3s,transform .3s;position:fixed;bottom:24px;left:50%;transform:translate(-50%,25px);box-shadow:0 15px 40px #0006}.toast.visible{opacity:1;transform:translate(-50%)}.recipient-body{color:#f2efe7;background:#101611}.recipient-shell{background:radial-gradient(circle at 50% 24%,#263b2b 0,#15231a 31%,#101611 69%);max-width:1600px;min-height:100vh;margin:auto;position:relative;overflow:hidden}.recipient-shell:before{content:"";opacity:.22;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 170 170' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.72' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.12'/%3E%3C/svg%3E");position:absolute;inset:0}.recipient-orbit{pointer-events:none;border:1px solid #e1c48e18;border-radius:50%;position:absolute}.orbit-one{width:800px;height:800px;animation:9s ease-in-out infinite alternate orbit-breathe;top:10px;right:-250px}.orbit-two{width:480px;height:480px;animation:11s ease-in-out infinite alternate-reverse orbit-breathe;top:390px;left:-190px}@keyframes orbit-breathe{to{opacity:.4;transform:scale(1.1)}}.recipient-header,.recipient-content,.recipient-details,.recipient-footer{z-index:1;position:relative}.recipient-header{border-bottom:1px solid #ffffff1b;justify-content:space-between;align-items:center;height:92px;padding:0 7%;display:flex}.recipient-header-right{letter-spacing:.2em;color:#b1b9a8;font-size:9px;font-weight:700}.recipient-header-right span{color:#c8af86;margin-left:13px;font-size:15px}.recipient-content{grid-template-columns:1.02fr 1fr;align-items:center;column-gap:9%;max-width:1100px;margin:auto;padding:68px 32px 75px;display:grid}.recipient-overline{color:#bfab85;letter-spacing:.26em;grid-column:1/-1;align-items:center;gap:13px;margin-bottom:41px;font-size:10px;font-weight:700;animation:.7s both fade-up;display:flex}.recipient-overline-line{background:#b8996a;width:29px;height:1px}.recipient-card-wrap{filter:drop-shadow(0 34px 34px #0009);transform-style:preserve-3d;animation:1.3s cubic-bezier(.2,.7,.2,1) both card-reveal}.recipient-card-wrap .identity-card{box-shadow:0 1px 1px #ffffff1a,inset 0 0 0 1px #ffffff2c}.recipient-card-wrap .identity-card .monogram{font-size:clamp(70px,9vw,130px)}.recipient-card-wrap .identity-card .card-name{font-size:clamp(30px,3vw,48px)}.recipient-card-wrap .identity-card .card-edition,.recipient-card-wrap .identity-card .card-bottomline,.recipient-card-wrap .identity-card .card-role{font-size:8px}.recipient-card-wrap .identity-card{padding:30px 34px}.recipient-main{animation:.85s .35s both fade-up}.recipient-kicker{color:#c9af86;letter-spacing:.25em;font-size:10px;font-weight:800}.recipient-main h1{letter-spacing:-.06em;margin:20px 0 12px;font-family:"Bodoni 72",Didot,Georgia,serif;font-size:clamp(56px,7vw,102px);font-weight:400;line-height:1}.recipient-main h1 span{color:#bea37b}.recipient-position{letter-spacing:.02em;color:#c1c9bd;margin:0;font-size:15px;line-height:1.6}.recipient-position span{color:#8c9b8c}.recipient-note{color:#cdbca2;border-left:1px solid #bca173;margin:30px 0;padding-left:19px;font-family:"Bodoni 72",Didot,Georgia,serif;font-size:23px;font-style:italic;line-height:1.4}.save-button{color:#1c261d;background:#d2b88c;border:1px solid #d2b88c;border-radius:3px;align-items:center;gap:13px;width:235px;height:58px;margin-top:31px;padding:0 20px;font-size:12px;font-weight:800;transition:background .2s,transform .2s,box-shadow .2s;display:flex}.save-button span{margin-left:auto;font-size:18px;font-weight:400}.save-button:hover{background:#e3cba5;transform:translateY(-3px);box-shadow:0 12px 30px #0004}.save-hint{color:#839083;margin:12px 0 0;font-size:11px}.recipient-details{max-width:1100px;margin:auto;padding:15px 32px 88px}.details-heading{letter-spacing:.23em;color:#b8ac92;border-top:1px solid #ffffff2e;justify-content:space-between;padding-top:22px;font-size:9px;font-weight:800;display:flex}.contact-grid{grid-template-columns:repeat(2,1fr);column-gap:55px;margin-top:30px;display:grid}.contact-link{border-bottom:1px solid #ffffff1d;align-items:center;gap:18px;min-width:0;padding:19px 4px 19px 0;transition:background .2s,padding-left .2s;display:flex}.contact-link:not(.static):hover{background:#ffffff08;padding-left:10px}.contact-icon{color:#c4ac82;border:1px solid #b4b99e4c;border-radius:50%;flex:none;place-items:center;width:42px;height:42px;font-size:23px;display:grid}.contact-link>span:nth-child(2){min-width:0}.contact-link small,.contact-link strong{display:block}.contact-link small{color:#829184;letter-spacing:.19em;margin-bottom:5px;font-size:9px;font-weight:800}.contact-link strong{color:#e1e7dc;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500;overflow:hidden}.contact-arrow{color:#aebeaa;margin-left:auto;font-size:19px;font-weight:300}.recipient-footer{color:#758273;letter-spacing:.18em;border-top:1px solid #ffffff1a;justify-content:space-between;align-items:center;min-height:68px;padding:0 7%;font-size:9px;font-weight:800;display:flex}.recipient-footer span span{color:#bea37b}.back-studio{z-index:10;color:#233023;background:#f1eee5;border:0;border-radius:3px;align-items:center;gap:9px;padding:11px 15px;font-size:11px;font-weight:800;display:flex;position:fixed;bottom:20px;left:20px;box-shadow:0 8px 25px #0006}@keyframes card-reveal{0%{opacity:0;filter:blur(4px);transform:perspective(900px)rotateY(-13deg)translateY(32px)scale(.93)}to{opacity:1;filter:blur();transform:perspective(900px)rotateY(0)translateY(0)scale(1)}}@keyframes fade-up{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@media (width<=1190px){.workspace{grid-template-columns:minmax(380px,.88fr) minmax(470px,1.12fr)}.panel-section{padding:40px 30px}.editor-footer{padding:19px 30px}.preview-panel{padding-left:4%;padding-right:4%}.preview-stage{height:520px}.preview-card-wrap{width:72%;top:69px;left:2%}.preview-qr-card{width:50%;top:215px;right:0}.intro-index{display:none}}@media (width<=950px){.site-header,.studio-main{padding:0 4%}.intro{padding:65px 0}.workspace{flex-direction:column;display:flex}.editor-panel{order:2}.preview-panel{order:1;min-height:650px}.preview-stage{max-width:680px;height:480px;margin:auto}.preview-card-wrap{width:65%;top:46px}.preview-qr-card{width:43%;top:195px}.preview-caption{max-width:680px;margin:auto}.site-footer{padding:0 4% 30px}.recipient-content{gap:4%}.recipient-main h1{font-size:64px}}@media (width<=680px){.site-header{height:65px}.brand-mark{font-size:35px}.brand-name{font-size:10px}.brand-name span,.header-note{display:none}.header-link{gap:6px;font-size:9px}.intro{padding:58px 0 51px}.intro-kicker{letter-spacing:.14em;gap:9px;font-size:8px}.intro-kicker .line{width:15px}.intro h1{margin:25px 0 21px;font-size:clamp(66px,13vw,100px)}.intro>p{max-width:350px;font-size:13px;line-height:1.7}.workspace{margin-bottom:44px}.preview-panel{min-height:665px;padding:28px 22px}.preview-header h2{font-size:34px}.preview-live{display:none}.preview-stage{height:505px;margin:0 -8px}.preview-card-wrap{width:77%;top:48px;left:1%}.preview-qr-card{width:52%;padding:10px;top:195px;right:0}.qr-card-top,.qr-card-bottom{font-size:5px}.qr-box{margin-top:8px;padding:5px}.qr-card-bottom{margin-top:8px;padding-top:8px}.preview-floating-note{font-size:14px;bottom:18px;left:3%}.identity-card{border-radius:6px;padding:16px 17px}.card-symbol{font-size:21px}.card-edition{font-size:5px}.monogram{margin-bottom:6px;font-size:58px}.card-name{font-size:24px}.card-role,.card-bottomline{font-size:5px}.card-bottomline{padding-top:8px}.preview-caption{padding-top:15px}.preview-caption p{font-size:10px}.preview-caption button{font-size:9px}.tabs{justify-content:space-around;gap:0;padding:0 15px}.tab{gap:7px;height:59px;padding:0 7px;font-size:12px}.panel-section{padding:33px 20px 36px}.section-heading h2{font-size:43px}.section-heading p{font-size:12px}.field-grid{gap:18px 12px}.field input{height:41px;font-size:11px}.field-top{font-size:10px}.editor-footer{padding:16px 20px}.editor-footer>span{font-size:8px}.theme-grid{gap:7px}.theme-option{padding:6px 6px 12px}.theme-swatch{height:80px;padding:8px}.theme-swatch span{font-size:24px}.theme-option strong{margin:10px 2px 3px;font-size:11px}.theme-option small{margin:0 2px;font-size:9px}.accent-grid{gap:7px}.accent-option{gap:8px;padding:0 8px;font-size:10px}.accent-dot{width:16px;height:16px}.mode-grid{gap:9px}.mode-option{min-height:175px;padding:14px}.mode-option small{font-size:10px}.share-actions{grid-template-columns:1fr;display:grid}.share-secondary{gap:17px}.site-footer{flex-wrap:wrap;font-size:7px}.site-footer span:nth-child(2){display:none}.recipient-header{height:68px;padding:0 6%}.recipient-header-right{display:none}.recipient-content{padding:42px 24px 50px;display:block}.recipient-overline{margin-bottom:28px;font-size:8px}.recipient-card-wrap{max-width:520px;margin:auto}.recipient-card-wrap .identity-card{padding:21px 24px}.recipient-card-wrap .identity-card .monogram{font-size:clamp(72px,17vw,112px)}.recipient-card-wrap .identity-card .card-name{font-size:clamp(30px,7vw,44px)}.recipient-card-wrap .identity-card .card-role,.recipient-card-wrap .identity-card .card-edition,.recipient-card-wrap .identity-card .card-bottomline{font-size:6px}.recipient-main{padding-top:46px}.recipient-main h1{font-size:clamp(64px,13vw,86px)}.recipient-note{max-width:450px;font-size:22px}.save-button{width:100%;max-width:420px}.recipient-details{padding:0 24px 65px}.contact-grid{grid-template-columns:1fr;margin-top:15px}.recipient-footer{padding:0 6%;font-size:7px}.recipient-footer span:last-child{display:none}}@media (width<=380px){.intro h1{font-size:64px}.preview-panel{min-height:610px}.preview-stage{height:455px}.preview-card-wrap{width:78%}.preview-qr-card{width:52%;top:172px}.preview-header h2{font-size:31px}.card-name{font-size:20px}.monogram{font-size:45px}.card-role{font-size:4px}.field-grid,.mode-grid{grid-template-columns:1fr}.mode-option{min-height:125px}.section-heading h2{font-size:38px}}@media (width>=1191px){.preview-stage{height:640px}}@media (width>=951px) and (width<=1190px){.preview-stage{height:610px}}@media (width>=681px) and (width<=950px){.preview-panel{min-height:720px}.preview-stage{height:560px}}.preview-qr-card{cursor:pointer}.qr-overlay[hidden]{display:none}.qr-overlay{z-index:30;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:radial-gradient(circle at 50% 45%,#314533 0,#132018 53%,#0a100c 100%);place-items:center;padding:38px 20px;animation:.35s both fade-up;display:grid;position:fixed;inset:0;overflow-y:auto}.qr-overlay:before{content:"";pointer-events:none;border:1px solid #d8c29b29;position:absolute;inset:24px}.qr-overlay-close{color:#f2eddf;z-index:1;background:#ffffff0d;border:1px solid #dac29d70;border-radius:50%;width:42px;height:42px;font-family:Arial,sans-serif;font-size:26px;line-height:1;position:fixed;top:30px;right:35px}.qr-overlay-close:hover{background:#ffffff20}.qr-overlay-content{z-index:1;text-align:center;width:min(100%,560px);margin:auto;position:relative}.qr-overlay-content h2{letter-spacing:-.06em;margin:15px 0 9px;font-family:"Bodoni 72",Didot,Georgia,serif;font-size:clamp(48px,7vw,82px);font-weight:400;line-height:1}.qr-overlay-content h2 span{color:#c8aa7b}.qr-overlay-content p{color:#abb7a8;letter-spacing:.08em;margin:0 0 29px;font-size:12px}.qr-large{aspect-ratio:1;background:#fff;width:min(82vw,440px);margin:auto;padding:11px;box-shadow:0 28px 70px #0009,0 0 0 1px #f5efe7}.qr-large svg{width:100%;height:100%}.qr-large-caption{color:#c3ad89;letter-spacing:.24em;margin-top:25px;font-size:9px;font-weight:800;display:block}@media (width<=680px){.qr-overlay:before{inset:12px}.qr-overlay-close{width:38px;height:38px;top:20px;right:20px}.qr-overlay-content p{margin-bottom:21px}.qr-large-caption{margin-top:19px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.brand-by{color:#999e94;letter-spacing:.14em;border-left:1px solid #ffffff27;align-items:center;gap:5px;margin-left:5px;padding-left:14px;font:700 8px Manrope,sans-serif;display:inline-flex}.brand-by img{object-fit:contain;width:24px;height:18px}.brand-by strong{color:#e7d7c4;letter-spacing:.13em;font-weight:800}.intro-index{align-items:flex-end}.intro-index img{object-fit:cover;border-radius:6px;width:112px;height:112px;box-shadow:0 12px 35px #0005}.intro-index span{color:#8e9588}.site-footer a,.recipient-footer a{color:#cfb188}.site-footer a:hover,.recipient-footer a:hover{text-decoration:underline}.intro-trula{color:#858e80;letter-spacing:.16em;align-items:center;gap:10px;margin-top:30px;font:700 9px/1.5 Manrope,sans-serif;display:none}.intro-trula img{object-fit:cover;border-radius:4px;width:50px;height:50px}.intro-trula strong{color:#e4d8c5}.media-separator{margin-top:37px}.media-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.media-control{background:#f3f3ec;border:1px solid #d1d3c8;border-radius:4px;min-width:0;padding:16px}.media-control .control-label{letter-spacing:.18em;margin-bottom:12px;font-size:9px;display:block}.media-preview{background:#e8e8df;border:1px dashed #c8cbbf;border-radius:3px;place-items:center;height:112px;display:grid;overflow:hidden}.portrait-preview{border-radius:50%;width:112px;margin:auto}.media-preview img{object-fit:contain;width:100%;height:100%}.portrait-preview img{object-fit:cover}.media-preview span{letter-spacing:.15em;color:#a5a89c;font-family:Manrope,sans-serif;font-size:10px;font-weight:700}.portrait-preview span{color:#b49b74;letter-spacing:-.06em;font-family:"Bodoni 72",Didot,Georgia,serif;font-size:37px}.media-action{color:#343f34;text-underline-offset:3px;cursor:pointer;margin-top:14px;font-size:11px;font-weight:800;text-decoration:underline;display:inline-block}.media-action:hover{color:#9c754e}.media-remove{color:#8e7165;background:0 0;border:0;margin-left:10px;padding:0;font-size:10px}.media-control p{color:#83877f;margin:10px 0 0;font-size:10px;line-height:1.5}.placement-control{margin-top:26px}.placement-options{gap:8px;display:flex}.placement-options button{color:#62695e;background:#f3f3ed;border:1px solid #c7cabe;border-radius:3px;flex:1;padding:11px 8px;font-size:10px;font-weight:700}.placement-options button.selected{color:#342f29;background:#e6e0d3;border-color:#a47d52}.design-note{margin-top:31px}.media-preview{justify-content:center;align-items:center;display:flex}.media-preview img{width:auto;max-width:100%;height:auto;max-height:100%;display:block}.portrait-preview img{object-fit:cover;width:100%;max-width:none;height:100%;max-height:none}.card-identity-row{align-items:center;gap:16px;display:flex}.card-identity-row .monogram{margin-bottom:7px}.card-portrait{object-fit:cover;border:2px solid var(--accent);border-radius:50%;flex:none;width:50px;height:50px;box-shadow:0 8px 20px #0004}.company-logo{object-fit:contain;filter:drop-shadow(0 2px 5px #0004);flex:none;max-width:30%;max-height:36px}.card-topline .company-logo{margin-left:auto}.card-bottomline .company-logo{margin-left:12px}.identity-card.has-photo{isolation:isolate}.card-photo-panel{z-index:0;width:49%;position:absolute;inset:0 0 0 auto;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 36%);mask-image:linear-gradient(90deg,#0000 0%,#000 36%)}.card-photo-panel img{object-fit:cover;object-position:center;filter:saturate(.72)contrast(.94);width:100%;height:100%}.identity-card.has-photo .card-body{max-width:73%}.identity-card.has-photo .monogram{opacity:.8;font-size:clamp(45px,5vw,73px)}.identity-card.has-photo .card-name{text-wrap:balance}.identity-card.has-photo .card-role{flex-wrap:wrap;max-width:75%;line-height:1.4}.identity-card.has-photo .card-grain{z-index:1}.identity-card.has-photo .card-topline,.identity-card.has-photo .card-bottomline,.identity-card.has-photo .card-body{z-index:2}.identity-card.has-logo .card-topline{min-height:46px}.company-logo{filter:drop-shadow(0 4px 7px #0004);border-radius:3px;max-width:30%;max-height:47px}.logo-bottom{max-width:25%;max-height:29px}.recipient-card-wrap .company-logo{max-height:55px}.recipient-card-wrap .logo-bottom{max-height:34px}.publish-box{background:#f2f0e8;border:1px solid #c8c8be;margin-top:22px;padding:18px 20px}.publish-box .control-label{margin:0 0 8px;display:block}.publish-box p{color:#6d7469;margin:0 0 14px;font-size:11px;line-height:1.6}.publish-box small{overflow-wrap:anywhere;color:#73806f;margin-top:11px;font-size:10px;line-height:1.5;display:block}.publish-button{color:#f4f0e7;background:#3a4337;border:0;border-radius:3px;align-items:center;gap:12px;padding:12px 16px;font-size:11px;font-weight:800;display:flex}.publish-button:hover{background:#58624e}.publish-button:disabled{opacity:.55;cursor:wait}.recipient-portrait{object-fit:cover;border:3px solid #cdb587;border-radius:50%;width:108px;height:108px;margin-bottom:28px;display:block;box-shadow:0 0 0 9px #cdb58717,0 16px 35px #0008}.route-loading{text-align:center;color:#e9e4d6;background:#111b13;place-items:center;min-height:100vh;font-family:Manrope,sans-serif;display:grid}.route-loading a{color:#d4b88d;text-decoration:underline}@media (width<=950px){.intro-index{display:none}.intro-trula{display:flex}}@media (width<=680px){.brand-by{gap:3px;margin-left:0;padding-left:8px;font-size:7px}.brand-by img{width:18px;height:14px}.brand-by strong{letter-spacing:.04em}.site-header .brand{gap:7px}.media-grid{gap:9px}.media-control{padding:11px}.media-preview{height:82px}.portrait-preview{width:82px}.media-control p{font-size:9px}.card-portrait{border-width:1px;width:31px;height:31px}.recipient-portrait{width:94px;height:94px}.recipient-header .brand-by{margin-left:5px}.identity-card.has-photo .monogram{font-size:40px}.identity-card.has-photo .card-name{font-size:clamp(18px,5vw,27px)}.identity-card.has-photo .card-role{font-size:5px}.identity-card.has-logo .card-topline{min-height:28px}.company-logo{max-height:29px}.logo-bottom{max-height:19px}.recipient-card-wrap .company-logo{max-height:42px}.recipient-card-wrap .logo-bottom{max-height:25px}.recipient-card-wrap .identity-card.has-photo .monogram{font-size:clamp(54px,12vw,77px)}.recipient-card-wrap .identity-card.has-photo .card-name{font-size:clamp(26px,6vw,39px)}}@media (width<=380px){.site-header .brand-name{font-size:9px}.site-header .brand-by,.recipient-header .brand-by{font-size:6px}}