:root{color-scheme:light;--ink:#171b1c;--muted:#65635c;--gold:#967126;--line:#d8c79e;--paper:#fbfaf6}
*{box-sizing:border-box}html{background:#edece6}body{margin:0;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased;line-height:1.5;background:radial-gradient(ellipse at 6% 1%,#e5f0f5 0,transparent 45%),radial-gradient(ellipse at 97% 90%,#e8deca 0,transparent 42%),#f2f0e9;min-height:100svh}
a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #87611d;outline-offset:4px}.preview-shell{max-width:1050px;margin:auto;padding:35px 36px 25px}.preview-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:24px}.eyebrow{font-size:10px;letter-spacing:2px;text-transform:uppercase;font-weight:650;color:#806222}.preview-head h1{font-weight:560;font-size:27px;letter-spacing:-.8px;line-height:1.2;margin:7px 0 0}.preview-state{border:1px solid #d6cdb9;background:#ffffff70;border-radius:30px;padding:7px 12px;font-size:11px;color:#655e50;white-space:nowrap}.cards{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:start}.card{width:100%;position:relative;overflow:hidden;border:1px solid #b79855;border-radius:24px;background:linear-gradient(128deg,#f3f0e9,#fffefa 55%,#eee9df);box-shadow:0 18px 45px #28241712,0 3px 8px #28241708}.card:before{content:"";position:absolute;z-index:4;inset:3px;border:1px solid #fffdf4;border-radius:21px;pointer-events:none}.hero{height:220px;position:relative;overflow:hidden;background:linear-gradient(128deg,#e9e6df,#f9f6ed 69%,#ded6c5)}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(132deg,transparent 44.5%,#ae8a3f 44.8%,#f6e8c4 45.2%,transparent 45.6%);opacity:.75}.equipment{position:absolute;right:0;top:0;width:60%;height:100%;object-fit:cover;object-position:center;clip-path:polygon(22% 0,100% 0,100% 100%,0 73%,0 27%)}.hero:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:52px;background:linear-gradient(128deg,#f4f1e9,#fffefa);clip-path:polygon(0 5%,40% 5%,100% 100%,0 100%)}.crest{position:absolute;z-index:2;top:26px;left:28px;width:178px;height:auto;box-shadow:0 5px 14px #1e190b30;border:1px solid #9f8039;border-radius:2px;display:block}.card-inner{padding:0 28px 23px}.wordmark{position:relative;z-index:3;margin-top:-7px}.brand-name{font-size:31px;letter-spacing:8px;font-weight:650;line-height:1.22}.brand-sub{color:#7d5a1b;font-size:9.5px;font-weight:650;letter-spacing:3.1px;margin-top:7px;line-height:1.7}.rule{height:1px;margin:17px 0 16px;background:linear-gradient(90deg,#b79952,#d4c6a5)}.industry{font-size:9px;letter-spacing:2.5px;color:#52544f;margin:0 0 10px}.name{font-size:34px;line-height:1.12;letter-spacing:-1.3px;font-weight:650;margin:0 0 9px}.role{font-size:11px;letter-spacing:2.6px;color:#85601d;font-weight:650;margin:0;text-transform:uppercase}.company{font-size:12px;margin:7px 0 19px;color:#4c4b45}.save{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:54px;border-radius:12px;background:linear-gradient(110deg,#ead2a0,#cfaa61);border:1px solid #bb9446;box-shadow:inset 0 1px #fff4d9,0 4px 9px #77602e13;color:#221d13;font-size:15px;font-weight:650;transition:transform .15s,box-shadow .15s}.save:hover{transform:translateY(-1px);box-shadow:0 6px 14px #77602e22}.save svg{width:21px;height:21px}.save-help{font-size:10px;text-align:center;color:#6d675c;margin:8px 0 15px;line-height:1.5}.actions{display:grid;gap:9px}.action{display:flex;align-items:center;gap:12px;border:1px solid #dad4c8;min-height:66px;padding:9px 12px;border-radius:13px;background:linear-gradient(110deg,#fffefa,#eeeae2);box-shadow:inset 0 1px #fff,0 2px 5px #1a1b1710;transition:border-color .15s,transform .15s}.action:hover{border-color:#b59859;transform:translateY(-1px)}.action-icon{display:flex;align-items:center;justify-content:center;width:41px;height:41px;border:1px solid #ab8d4e;border-radius:50%;background:#1c2121;color:#e3c37e;flex:none}.action-icon svg{width:20px;height:20px}.action-text{min-width:0;flex:1}.action-label{display:block;font-size:8px;letter-spacing:2px;font-weight:550;color:#666154;line-height:1.25;margin-bottom:4px;text-transform:uppercase}.action-value{font-size:15px;line-height:1.3;display:block;overflow-wrap:anywhere;letter-spacing:-.2px}.arrow{width:16px;height:16px;flex:none;color:#666052}.footer{margin-top:20px;padding-top:14px;border-top:1px solid #cbbb98}.tagline{font-size:9px;letter-spacing:1.4px;font-weight:550;text-transform:uppercase;margin:0 0 9px}.location{display:flex;align-items:center;justify-content:center;gap:6px;font-size:11px;color:#5d5c55}.location svg{height:13px;width:13px}.preview-foot{font-size:11px;color:#68645b;line-height:1.7;margin:23px 0 0;max-width:760px}.preview-foot strong{font-weight:600;color:#393b36}.single{max-width:480px;margin:0 auto;padding:22px 14px 28px;min-height:100svh;display:flex;align-items:center}
@media(max-width:760px){.preview-shell{padding:24px 16px}.preview-head{display:block;max-width:450px;margin:0 auto 20px}.preview-head h1{font-size:24px}.preview-state{display:inline-block;margin-top:14px}.cards{grid-template-columns:1fr;max-width:450px;margin:auto;gap:25px}.preview-foot{max-width:450px;margin:20px auto}.single{padding:13px 12px 24px;align-items:flex-start}.hero{height:207px}.crest{width:164px;top:24px}.wordmark{margin-top:-5px}}
@media(max-width:380px){.card-inner{padding:0 21px 20px}.hero{height:183px}.crest{width:142px;left:21px;top:21px}.brand-name{font-size:27px;letter-spacing:6px}.brand-sub{font-size:8px;letter-spacing:2.4px}.name{font-size:30px}.industry{font-size:8px;letter-spacing:1.8px}.role{font-size:10px;letter-spacing:2px}.action{gap:9px;padding:9px 10px}.action-icon{height:35px;width:35px}.action-value{font-size:13px}.tagline{font-size:8px;letter-spacing:.9px}.save-help{font-size:9px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
