/* Selected designs: navigation 2 and mail 1. Scoped to the new components. */
.hero-development{margin:26px 0 18px;padding:18px 0;border-top:1px solid #9f80484d}
.hero-development header{text-align:center;margin-bottom:16px}.hero-development header h3{margin:0 0 5px;color:#e1c590;font:25px/1.25 Georgia,serif}.hero-development header p{margin:0;color:#b1aaa0;font-size:12px}
.hero-development .hero-development-row{position:relative;display:grid;grid-template-columns:76px minmax(0,1fr) 18px;align-items:center;gap:15px;width:100%;min-height:92px;margin:10px 0;padding:9px 15px 9px 8px;text-align:left;border:1px solid #927440;border-radius:2px;background:linear-gradient(110deg,#29313399,#111b1ef2 55%,#182023);box-shadow:inset 0 0 0 3px #0a1115,0 5px 14px #0002;color:#dcc7a2}
.hero-development-row:before,.hero-development-row:after{content:'◆';position:absolute;font-size:7px;color:#c4a061;left:-4px;top:7px}.hero-development-row:after{left:auto;right:-4px;top:auto;bottom:7px}
.hero-development .hero-development-row:hover{background:linear-gradient(110deg,#3a3b30,#1b282a 65%);border-color:#d0ac6a;box-shadow:inset 0 0 0 3px #0a1115,0 6px 18px #0004}
.hero-development-art{display:flex;align-items:center;justify-content:center;align-self:stretch;overflow:hidden;background:radial-gradient(ellipse,#ad8a3833,transparent 72%)}
.hero-development-art img{display:block;width:76px;height:76px;object-fit:contain}.hero-development-art.portrait{border:1px solid #89703e;border-radius:50% 50% 4px 4px;margin:0 9px}.hero-development-art.portrait img{width:58px;height:76px;object-fit:cover;object-position:center 18%}
.hero-development-row strong{display:block;color:#ead6af;font:18px/1.35 Georgia,serif}.hero-development-row small{display:block;margin-top:7px;color:#bcb5a7;font:12px/1.5 Arial,sans-serif;letter-spacing:0}.hero-development-arrow{font:30px Georgia;color:#c7a467}.hero-development .hero-development-gifts{display:flex;justify-content:space-between;width:100%;background:none;border:0;color:#baa580;padding:10px 4px;text-align:left}
.studio .panel.narrow{max-width:680px;margin:18px auto;background:#121d20;border-color:#665337;box-shadow:none}
body.email-layout{isolation:isolate;background:#0c161a;color:#d8d6cd}
body.email-layout:before{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#08131655,#0c171a33 50%,#08131666),linear-gradient(0deg,#081114bd,transparent 55%,#06101444),url('redesign/landing-citadel-v416.webp') center center/cover no-repeat}
.email-site-header{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:20px clamp(16px,4vw,60px);border-bottom:1px solid #a3884c66;background:#081114dc}.email-site-header a{color:#d5c19c;font:13px Georgia,serif}.email-site-header .email-site-brand{font:clamp(17px,2.1vw,27px)/1.2 Georgia,serif;letter-spacing:2px;color:#d9d7ce;text-shadow:0 2px 2px #000}
.email-stage{display:flex;align-items:center;justify-content:center;flex:1 0 auto;padding:46px 16px 56px;width:100%;min-width:0}
.email-layout .email-page{position:relative;width:min(100%,520px);margin:0;padding:32px clamp(22px,4vw,44px);text-align:center;border:1px solid #c0a064;outline:1px solid #594629;outline-offset:5px;background:radial-gradient(ellipse at 50% 0,#46505455,transparent 66%),linear-gradient(140deg,#17272af5,#0c171bf7);box-shadow:inset 0 0 0 5px #091114,0 16px 65px #0009;overflow-wrap:anywhere}
.email-page:before,.email-page:after{content:'✦';position:absolute;top:-13px;left:50%;transform:translateX(-50%);color:#d9b571;background:#142125;padding:0 13px;font-size:17px}.email-page:after{top:auto;bottom:-13px}
.email-layout .email-page .email-mark{margin:-4px auto 10px;width:88px;height:78px;filter:drop-shadow(0 4px 5px #0007)}.email-mark img{width:100%;height:100%;object-fit:contain}.email-layout .email-page h1{margin:8px 0 18px;font:clamp(25px,4vw,32px)/1.2 Georgia,serif;color:#e6d3a7;text-wrap:balance}.email-page p{color:#c9c9be;font-size:14px}.email-page form{text-align:left}.email-page label{color:#d3bd91;font-size:13px}.email-page input{min-width:0;min-height:48px;border:1px solid #8a734c;border-radius:3px;background:#142125;color:#f1eee6;padding:12px 14px}.email-page input:focus-visible{outline:2px solid #c4a367;outline-offset:3px}
.email-layout .email-page button,.email-layout .email-page .button{width:100%;min-height:48px;padding:12px 16px;border:1px solid #d4b475;border-radius:2px;background:linear-gradient(#b69a60,#806034);box-shadow:inset 0 0 0 3px #e4bf6d22,0 4px 12px #0003;color:#16130e;font:16px/1.35 Georgia,serif;white-space:normal}.email-layout .email-page button:hover,.email-layout .email-page .button:hover{background:linear-gradient(#bea56e,#927243);border-color:#e8cc95}.email-page .error{background:#542e2877;border:1px solid #98634e;padding:12px;color:#f2c8ad}.email-layout>.tropa-legal-links{background:#091317ed;border-top:1px solid #9d824f99;margin-top:auto;padding:22px 18px;font-size:12px;flex-shrink:0}
@media(max-width:600px){.hero-development .hero-development-row{grid-template-columns:60px minmax(0,1fr) 12px;gap:10px;min-height:84px;padding:8px}.hero-development-art img{width:60px;height:66px}.hero-development-art.portrait{margin:0 5px}.hero-development-art.portrait img{width:50px;height:66px}.hero-development-row strong{font-size:17px}.hero-development-row small{font-size:11px}.email-site-header{padding:17px 14px;gap:12px}.email-site-header .email-site-brand{letter-spacing:1px;max-width:210px}.email-site-header>a:last-child{font-size:12px;white-space:nowrap}.email-stage{padding:28px 18px 36px}.email-layout .email-page{padding:25px 20px}.email-layout .email-page .email-mark{width:72px;height:64px}.email-layout>.tropa-legal-links{gap:10px 18px}}
@media(prefers-reduced-motion:reduce){.hero-development button{transition:none}}